#javascript #webpack #babeljs #webpack-dev-server
Вопрос:
У меня есть конфигурация разработки для сборки
const { merge } = require('webpack-merge');
const common = require('./webpack.common.js');
const path = require('path');
module.exports = merge(common, {
optimization: {
minimize: false
},
devServer: {
contentBase: path.resolve(__dirname, './'),
compress: false,
inline: false,
host: '127.0.0.1',
port: 5000,
allowedHosts: [
'*',
],
},
module: {
rules: [
{
test: /.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
"presets": [["@babel/preset-env", { "targets": {"chrome": "91"} }]]
}
}
},
]
},
mode: 'development'
});
У меня есть два варианта запуска webpack:
"dev": "export NODE_ENV=dev amp;amp; npm run build webpack.dev.js",
"dev-server": "set NODE_ENV=dev amp;amp; webpack serve --config webpack.dev.js",
Я запускаю npm run dev
на сервере debian или npm run dev-server
локально на своей машине с Win10. Проблема заключается в различии встроенных файлов.
скриншот части пакета, созданного разработчиком-сервером
скриншот части пакета сборки, созданной разработчиком
Почему файлы пакетов разные? Что не так с моей конфигурацией сервера разработчиков? Как сделать эти файлы одинаковыми?