angular2-webpack-starter лучший способ настроить производственную базуUrl

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

Это работает, но плохо пахнет. В идеале мне нужно только изменить переменную METADATA.baseUrl в config/webpack.prod.js.

Кто-нибудь нашел лучший подход?

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

Основа этого является то, что вы импортировать ввозную конфигурацию производства для производства сборки и разработок для построения развития.