webpack打包将配置文件单独抽离不压缩打包

摘要:
Webpack。配置。js:plugins:[//提取公共模块newwebpack.optize.CommonsChunkPlugin({name:‘vendors‘,chunks:Object.keys(entries),minChunks:3}),//提取文件内容的哈希newExtractTextPlugin({filename:‘css/[name].min-css‘,allCh

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 对象
 

免责声明:文章转载自《webpack打包将配置文件单独抽离不压缩打包》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇python相关android 内存泄漏,以及检测方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Axios 各种请求方式传递参数格式

为方便起见,为所有支持的请求方法提供了别名 在使用别名方法时, url、method、data 这些属性都不必在配置中指定 axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(url[, config]) axios.post(ur...

谷粒商城学习——P124 es 自定义扩展词库

P122中安装的ik分词器, 本身默认的词库并不支持一些新的词汇,这就需要修改ik分词器的配置文件,指定远程词库进行扩展词库。ik分词器向远程发送请求要到最新的单词,这样最新的单词就会做为新的词源远行分解。可以给nginx发送请求,nginx反回最新词库。 虚拟机装nginx,内存不够,先将虚拟机关机,打开设置,将内存调到3075,然后重启      然...

webpack4 css添加浏览器前缀 postcss-loader

自动添加浏览器前缀 ,我们这里使用postcss-loader 首先 cnpm install --save-dev postcss-loader autoprefixer 我这里用的cnpm ,npm也可以下载 接下来是配置 在网上查了相关文档发现需要新建一个 postcss.config.js 文件来对 postcss-loader 配置。 第一种配置...

Java Selenium3 WebDriver启动火狐、Chrome、IE,Edge浏览器的方法(一)

selenium3和selenium2没有太大的区别,就是精简了一些不用的东西,对浏览器的支持更好了,比如对高版本的浏览器(FireFox,Chrome,Edge等)可以完美的支持,不用受限于版本的问题 下面总结一下启动常用浏览器的方法 前提 安装好java的环境配置 新建一个maven工程 在maven的pom文件加入selenium的依赖包(版本可根...

webpack之代码分离

https://robertknight.github.io/posts/webpack-dll-plugins/ webpack一般会把一个文件里import/require的文件都会打包在一起,最近就在做这方面的工作,文件全部打包在一起了 对服务器的请求确实减少了,可是对于jquery和jquery的插件如果在每个文件重复打包,文件大了加载会很慢,而且...

Git 之 配置文件与用户凭证

配置文件 Git的配置文件有三个: 系统配置: /private/etc/gitconfig 用户配置: ~/.gitconfig 项目配置:.git/config 用户凭证 由于Git和Github交互操作可能会很频繁,那么一定少了用户授权的操作,为了防止每次操作重复输入用户名和密码,Git提供了两种解决方法: 秘钥首先创建一对秘钥 ssh-ke...