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) 
}; 

这样做的基本知识是，您导入导入生产构建和开发生成的生产配置的生产配置。