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

鍍金池/ 問(wèn)答/HTML/ webapck 一個(gè)文件打包到2個(gè)文件夾 怎么配置呢

webapck 一個(gè)文件打包到2個(gè)文件夾 怎么配置呢

就是 output 兩個(gè)出口

回答
編輯回答
情未了

出口只有一個(gè),webpack打包的是js,當(dāng)然也可以打包其他的css、png等文件,不過(guò)要用其他的插件來(lái)做。
舉例說(shuō)明:

output: {
    path      : path.resolve(__dirname, 'dist'),
    filename  : envDevelopment ? 'js/[name].js' : "js/[name].[chunkhash:5].js
}

這段代碼會(huì)把所有打包后的js放在./dist/js文件夾下面。

    module : {
        rules: [
            {
                test    : /\.(png|jpe?g|gif|svg)(\?.*)?$/,
                loader  : 'url-loader',
                options : {
                    limit: 10000,
                    outputPath: "images"
                }
            }
        ]
    }

這樣的url-loader會(huì)把所有匹配到的圖片打包在./dist/image下面。
例如css、fonts文件等可能要用到plugins,道理是相同的。

2017年12月28日 10:39
編輯回答
呆萌傻

樓上說(shuō)的多個(gè)入口打包到一個(gè)文件夾下的就不贅述了,如果樓主想要分別打包到不同的文件夾下的話,有個(gè)hack的做法就是把入口名稱加上路徑。

module.exports = {
 entry: {
  "somePage": "./scripts/someDir/somePage.js",
  "someSubDir/anotherPage": "./scripts/someDir/someSubDir/anotherPage.js"
 },
 output: {
   path: path.resolve(__dirname, 'out/someDir'),
   filename: '[name].js'
 },
 // Etc.
}


參考How to create multiple output paths in Webpack config

2017年11月21日 01:26