angular2-webpack-starter自定義生產基地的最佳途徑UIr

Question

我正在使用angular2-webpack-starter 5.4.1。 https://github.com/AngularClass/angular2-webpack-starter

要爲生產版本定製baseUrl，在config/webpack.prod.js中，我只是重複在config/webpack.common.js中完成的操作。

const METADATA = { 
    title: 'Angular2 Webpack Starter by @gdi2290 from @AngularClass', 
    baseUrl: '/apps/awesomeapp', 
    isDevServer: helpers.isWebpackDevServer() 
}; 

然後：

new HtmlWebpackPlugin({ 
    template: 'src/index.html', 
    title: METADATA.title, 
    chunksSortMode: 'dependency', 
    metadata: METADATA, 
    inject: 'head' 
    }), 

這工作，但味道不好。理想情況下，我只需要更改config/webpack.prod.js中的METADATA.baseUrl變量。

有沒有人找到更好的方法？

Answer 1

你可以做我爲PostCSS配置所做的事情。

const postcssShared = [ 
    require("level4")() 
]; 

const postcssProduction = [ 
    require("css-mqpacker")(), 
    require("postcss-fixes")(), 
    require("postcss-mq-keyframes")(), 
    require("postcss-will-change")(), 
    require("postcss-cssnext")({ 
     browsers: [ ">2%" ] 
    }), 
    require("postcss-discard-comments")(), 
    require("cssnano")({ 
     autoprefixer: false, 
     calc: false, 
     safe: true 
    }) 
]; 

module.exports = { 
    development: postcssShared, 
    production: postcssShared.concat(postcssProduction) 
}; 

這樣做的基本知識是，您導入導入生產構建和開發生成的生產配置的生產配置。