Hei,Как предотвратить создание веб-файлов .map файлов
Я создаю новый проект Angular 2, и я использую webpack для комплектации. Я хочу выводить файлы в отдельную папку (общедоступную). Проблема в том, что webpack генерирует также .map и .js файл для каждого .ts-файла. Я хотел бы только один файл .map в выходной папке или все файлы .map и .js в другой папке, чем исходные файлы. Мой код выглядит следующим образом:
module.exports = (env) => {
return webpackMerge(commonConfig(), {
output: {
path: BUILD_DIR,
filename: 'public/js/[name].js',
chunkFilename: 'public/js/[id].chunk.js',
sourceMapFilename: 'public/js/[file].map'
},
devtool: 'cheap-module-eval-source-map',
devServer: {
inline: true,
contentBase: './public',
port: 8100,
historyApiFallback: true,
stats: 'minimal'
},
});
};
И базовая конфигурация:
module.exports =() => {
return {
entry: {
'polyfills': APP_DIR + '/polyfills.ts',
'vendor': APP_DIR + '/vendor.ts',
'app': APP_DIR + '/main.ts'
},
resolve: {
extensions: ['.ts', '.js']
},
module: {
rules: [
{
test: /\.ts$/,
loaders: [{
loader: 'awesome-typescript-loader',
options: { tsconfig: './tsconfig.json' }
} , 'angular2-template-loader']
},
]
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: ['app', 'vendor', 'polyfills']
}),
new ExtractTextPlugin({
allChunks: true,
filename: 'public/styles/main.css'
}),
new HtmlWebpackPlugin({
template: './src/index.html',
filename: 'public/index.html'
})
]
}
И выход становится:
public
js/bundle.js
js/vendor.js
js/polyfills.js
src
one.component.ts
one.component.js
one.component.js.map
ПРИМЕЧАНИЕ: не уверен, что если WebPack несет ответственность за это, Я вижу, что файлы .map и .js генерируются при сохранении, хотя webpack даже не работает. Что может быть возможным триггером?
Я тоже пробовал, но это не помогло. Но я нашел проблему, это был редактор (плагин). – Prototype