Я пытался решить проблему с веб-пакетом и виртуальным сервером Node, используя AWS lightsail (bitnami) в течение последних 2 месяцев.Ниже приведена конфигурация моего веб-пакета, которая отлично работает в моем локальном окружении с использованием кода VS, но когда я использую его с AWS lightsail, он не может найти каталог:
devServer: { contentBase: './dist' },
Обычно у вас будет настройка ниже, есливы используете локальную среду.Моя цель - сделать все виртуальным с помощью AWS, но по какой-то причине webpack не обслуживает каталог, указанный ниже, вынуждая вас изменить все пути с src = "img / pic.png" на src = "dist / img / pic.png "во время производства, но во время сборки я должен изменить его обратно на прежний, что не идеально.
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: ['babel-polyfill', './src/js/index.js'],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'js/bundle.js'
},
devServer: {
contentBase: './dist'
},
plugins: [
new HtmlWebpackPlugin({
filename: 'index.html',
template: './src/index.html'
})
],
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
}
]
}
};