用vue-cli创建的工程,默认webpack配置是打包成单文件,现在有个需求是打包出很多文件夹,其相对应的html,js和css在不同文件夹下,自己修改了一些配置,改为多chunk形式,html被单独打到文件夹下了,但js和css还在同一个文件夹,想问一下该怎么配置?
entry: {
app: './src/main.js',
one: './src/main.1.js'
},
// Template for index.html
index: path.resolve(__dirname, '../dist/app/index.html'),
one: path.resolve(__dirname, '../dist/one/index.html'),
new HtmlWebpackPlugin({
filename: config.build.index,
template: 'index.html',
inject: true,
minify: {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
// more options:
// https://github.com/kangax/html-minifier#options-quick-reference
},
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode: 'dependency'
}),
new HtmlWebpackPlugin({
filename: config.build.one,
template: 'index.html',
inject: true,
minify: {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
// more options:
// https://github.com/kangax/html-minifier#options-quick-reference
},
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode: 'dependency'
}),
以上是我添加的配置
下面是打包出来的文件夹结构
][3]
css和js都在static里,想分别把他们放到app和one文件夹里面,该怎么配置?
回答:
可以直接将entry的name作为入口:
filename: '[name]/assets/js/[name].[chunkhash:4].js'
chunkFilename : `[name]/assets/js/[name].[id].[chunkhash:4].js`
回答:
这个问题您解决了么 我也遇到了同样的问题 请指教
回答:
写个webpack插件自己处理
回答:
请问用webpack4怎么打包成多个文件夹的