webpack打包將配置文件單獨抽離不壓縮打包

webpack.config.js:

 plugins: [
         //提取公共模塊
         new webpack.optimize.CommonsChunkPlugin({
             name: 'vendors',
             chunks: Object.keys(entries),
             minChunks: 3
         }),
         //提取文件內容的散列
        new ExtractTextPlugin({
             filename: 'css/[name].min.css',
             allChunks: true
         })
     ]

 

新建一個config.js  

在html中單獨引入config.js  

config.js配置文件：

(function (window) {
  if (window.mapStyles) {
    return;
  }
 var mapStyles = [{
       "featureType": "water",
       "elementType": "all",
       "stylers": {
         "color": "#021019"
       }
     }
   ];
  window.mapStyles = mapStyles;
})(this);

 

在requireJS中需要配置相應路徑才能不被壓縮  require('!file-loader?name=/js/[name].[ext]!../common/config.js');

不能直接 require('config');

需要加上  !file-loader?name=/js/[name].[ext]!  后面再加路徑名

最后可再 window 對象中訪問配置的  mapStyles 對象