angular - angular2-webpack-starter 自定义生产baseUrl的最佳方式

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

其基础是您为生产构建导入生产配置，为开发构建导入开发。