Maison > Questions et réponses > le corps du texte
//webpack.config.js
module.exports = {
resolve:{
alias: {
common: path.resolve(__dirname, '../src/_common'),
node_modules: path.resolve(__dirname, '../node_modules')
}
},
module:{
rules:[
{
test:/\.(js|jsx)$/,
loader:'babel-loader',
exclude:/node_modules/,
query: {
presets: ['es2015','stage-0']
}
}
]
}
};
//devConfig.js
module.exports = {
entry: [
'webpack-dev-server/client?http://localhost:8080',
'webpack/hot/dev-server',
path.resolve(__dirname, '../src/demo/index.js')
],
output: {
filename: "bundle.js",
publicPath: 'http://localhost:8080/assets/'
},
devtool:'eval-source-map',
module: {
rules: [
{
test:/\.scss$/,
use: ["css-loader?-autoprefixer&sourceMap", 'postcss-loader', "sass-loader"]
}
]
},
plugins: [
new webpack.DefinePlugin({
'process.env.NODE_ENV': '"development"'
}),
new webpack.HotModuleReplacementPlugin(),
new OpenBrowserPlugin({}),
new HtmlWebpackPlugin({
title: 'demo',
filename: 'demo/index.html',
inject: true,
chunks: ['demo/index'],
template: path.resolve(__dirname, '../src/demo/index.html')
})
]
}
gulp.task('dev',() => {
let optionConfig = merge(webpackconfig, devConfig);
const myDevConfig = Object.create(optionConfig);
new webpackDevServer(webpack(myDevConfig), {
stats: {
colors: true
},
publicPath: devConfig(['demo']).output.publicPath,
historyApiFallback: true,
hot: true,
watchOptions: {
poll: true,
watch: true
},
watchContentBase: true
}).listen(8080, "localhost", function(err) {
if(err) throw new gutil.PluginError("webpack-dev-server", err);
gutil.log("[webpack-dev-server]", "http://localhost:8080/webpack-dev-server/index.html");
});
});
Où est l'erreur de configuration ?