在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 關(guān)于webpack打包問題,怎么打包成多個(gè)文件夾,每個(gè)文件夾下有相應(yīng)的html,

關(guān)于webpack打包問題,怎么打包成多個(gè)文件夾,每個(gè)文件夾下有相應(yīng)的html,js和css?

用vue-cli創(chuàng)建的工程,默認(rèn)webpack配置是打包成單文件,現(xiàn)在有個(gè)需求是打包出很多文件夾,其相對應(yīng)的html,js和css在不同文件夾下,自己修改了一些配置,改為多chunk形式,html被單獨(dú)打到文件夾下了,但js和css還在同一個(gè)文件夾,想問一下該怎么配置?

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'
}),

以上是我添加的配置

下面是打包出來的文件夾結(jié)構(gòu)
圖片描述
![圖片描述][3]

css和js都在static里,想分別把他們放到app和one文件夾里面,該怎么配置?

回答
編輯回答
小曖昧

寫個(gè)webpack插件自己處理

2018年3月10日 09:33
編輯回答
絯孑氣

可以直接將entryname作為入口:

filename: '[name]/assets/js/[name].[chunkhash:4].js'
chunkFilename  : `[name]/assets/js/[name].[id].[chunkhash:4].js`
2018年2月21日 00:31
編輯回答
乖乖噠

這個(gè)問題您解決了么 我也遇到了同樣的問題 請指教

2018年5月29日 06:44