Здравствуйте, я реализовал webpack в своем угловом 5 приложении. Теперь он работает правильно.
Но я не могу установить среду для моей сборки.
Ранее, до реализации webpack, я собирал свое приложение снизу командой
ng build--aot --i18nFile=src/assets/locale/messages.ar.xlf --i18nFormat=xlf --locale=ar --environment=arabic
Теперь я хочу узнать после реализации webpack, какой будет команда с такой же конфигурацией, которая указана в приведенной выше команде build.
На данный момент у меня есть только одна строка, написанная в моем webpack.config.js
module.exports = require('./config/webpack.prod.js');
и мой код webpack.prod.js ниже
var webpack = require('webpack');
var webpackMerge = require('webpack-merge');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var commonConfig = require('./webpack.common.js');
var helpers = require('./helpers');
const ENV = process.env.NODE_ENV = process.env.ENV = 'production';
module.exports = webpackMerge(commonConfig, {
devtool: 'source-map',
output: {
path: helpers.root('dist'),
publicPath: '/',
filename: '[name].[hash].js',
chunkFilename: '[id].[hash].chunk.js'
},
plugins: [
new webpack.NoEmitOnErrorsPlugin(),
new webpack.optimize.UglifyJsPlugin({ // https://github.com/angular/angular/issues/10618
mangle: {
keep_fnames: true
}
}),
new ExtractTextPlugin('[name].[hash].scss'),
new ExtractTextPlugin('[name].[hash].css'),
new webpack.DefinePlugin({
'process.env': {
'ENV': JSON.stringify(ENV)
}
}),
new webpack.LoaderOptionsPlugin({
htmlLoader: {
minimize: false // workaround for ng2
}
})
]
});
В настоящее время для создания сборки веб-пакета я использую приведенную ниже команду
cross-env NODE_ENV=prod webpack
Сборка из этой команды со ссылкой на мой файл environment.ts и messages.xlf
но мне нужно сослаться на файл environment.arabic.ts, присутствующий в папке моей среды, и messages.ar.xlf из папки с локалями.