webpack4 学习7
Webpack 优化
每次打包后 entry.js文件都比较大,是因为打包把第三方框架也搭进去了
优化:
在入口文件里
配置第三方类库
entry:{
entry:’./src/entry.js’,
jquery:’jquery’
}
在组件配置里添加组件
new webpack.optimize.CommonsChunkPlugin({
name:’jquery’,//单独抽离的入口文件
filename:’assets/js/jquery.js’//抽离到静态文件下的jquerywenjian 
minChunks:2//最小抽离出俩个文件
})
该方式已被废弃
使用新方式
2、

optimization: {
    splitChunks: {
      cacheGroups: {
        vendors: {
          test: /[\\/]node_modules[\\/]/,
          chunks: 'initial',
          name: 'vendors',
        },
        'async-vendors': {
          test: /[\\/]node_modules[\\/]/,
          minChunks: 2,
          chunks: 'async',
          name: 'async-vendors'
        }
      }
    },
    runtimeChunk: { name: 'runtime' }
  },
22、静态资源集中输出
public 的静态资源打包
安装插件
copy-webpack-plugin
引入
const copyWebpackPlugin = require('copy-webpack-plugin');
new copyWebpackPlugin([
    {
        from:__dirname+'/src/public',//当前目录src下的public
        to:'./public'//到dist 下的public下    }
]),

23、
配置使用json 文件引入
创建一个config.json
var json = require('../config.json');
$('#json').html(json.name);

24、学习之路

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_29676303/article/details/80317407
个人分类: webpack
想对作者说点什么? 我来说一句

webpack4 学习2

qq_29676303 qq_29676303

2018-04-13 00:31:12

阅读数:35

webpack4.x基础入门

2018年04月02日 23KB 下载

webpack4学习笔记4

qq_29676303 qq_29676303

2018-04-17 00:16:35

阅读数:107

没有更多推荐了,返回首页

不良信息举报

webpack4 学习7

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭