如何防止webpack生成.map文件

Question

hei，

我正在設置新的Angular 2項目，我正在使用webpack進行捆綁。我想輸出文件到單獨的文件夾（公共）。問題是webpack爲每個.ts文件生成.map和.js文件。 我只想輸出文件夾中的一個.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甚至沒有運行。可能的觸發器是什麼？

Answer 1

我想我是看錯了地方。它是導致這種行爲的原子編輯器（或更確切地說它是打字稿插件）。但至少我知道了，並知道這些文件來自哪裏。也許它也有助於有人想知道同樣的事情，而不是想着編輯負責這件事。

夫婦隱藏這些文件的鏈接：

Can I hide typescript autogenerated .js and .map.js files in atom?

https://github.com/TypeStrong/atom-typescript/issues/253

Answer 2

從我可以告訴你的地圖文件不是從的WebPack，而是來自打字稿。如果你根本不需要地圖文件，請在你的tsconfig.json中嘗試設置"sourceMap": false,。