用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文件夹里面,该怎么配置?