我有以下 webpack 配置:
const path = require('path');
const webpack = require('webpack');
const CleanWebpackPlugin = require('clean-webpack-plugin');
module.exports = {
entry: {
source1: './frontend/source1.js',
source2: './frontend/source2.js'
},
output: {
filename: '[name].bundle.js',
path: path.resolve(__dirname, 'static/bundles')
},
plugins: [
new CleanWebpackPlugin(['static/bundles'])
],
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader', // для .vue-файлов
options: {
loaders: {
}
// other vue-loader options go here
}
},
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader"
}
]
},
resolve: {
alias: {
vue$: 'vue/dist/vue.esm.js'
}
}
};
当我运行 webpack 时,我希望它生成两个文件:source1.bundle.js
和source2.bundle.js
.
但它也会产生一个神秘的0.bundle.js
并将其放在与其他文件相同的目录中。
然后当我打开浏览器时,我得到一个错误:
因为我的包是从一个单独的绝对/static/bundles/
目录加载的,这0.bundle.js
是试图从当前页面而不是/static/bundles/
. 这个文件是什么,如何为它指定加载路径?