webpack
tangguose2018
这个作者很懒,什么都没留下…
展开
-
webpack3+React 的配置全解
webpack3 的配置相对于webpack2 又有了一些新的变化,这里讲其记录下来,备查 。package.json 的完整文件在结尾 。1. 安装?12npm inityarn add webpack webpack-dev-server -D转载 2017-10-12 19:38:34 · 1536 阅读 · 0 评论 -
webpack3最新版本配置研究(一)loader
webpack这货还是挺火的,目前前端不管是react和vue都用这个打包,还是挺好用的,本文刚开始写的是webpack2,但后来发现webpack3可以无伤升级就升级了下,据说webpack3相对于2的生成的代码运行速度更快!在家里装了个最新版本的nodejs8.4.0,附带的npm是5.3.0的,有的时候install的时候会爆Cannot read property ‘0’ of undef转载 2017-10-12 19:44:34 · 2269 阅读 · 0 评论 -
webpack3最新版本配置研究(二)多入口,html-webpack-plugin, extract-text-webpack-plugin
虽然现在有很多单页应用,不过还是多页面用的比较多一些,先研究了下多入口的配置//随便生成一个js来测试,我在根目录新建了一个entry.js文件console.log('123');12之前的webpack.config.js的配置是这样的 entry: __dirname + "/index.js", output:{ // 打包后存放地址 path: _转载 2017-10-12 19:51:07 · 1014 阅读 · 0 评论 -
webpack3最新版本配置研究(三)webpack压缩,clean-webpack-plugin,webpack-manifest-plugin,define-plugin
webpack.optimize.UglifyJsPlugin前端代码优化自然少不了压缩了,在webpack中也可以使用它的插件来进行自动压缩,非常的方便// A:webpack.config.js// B: ...// A: ...// 头部加上webpack的声明const webpack = require('webpack');// plugins里面加上一条配置n转载 2017-10-12 19:52:53 · 1266 阅读 · 0 评论 -
webpack3最新版本配置研究(四) devtool,webpack-dev-server,CommonsChunkPlugin
devtooldevtool是webpack中config自带的属性只要使用就可以了不用安装 webpack官网的解释如下 当 webpack 打包源代码时,可能会很难追踪到错误和警告在源代码中的原始位置。例如,如果将三个源文件(a.js, b.js 和 c.js)打包到一个 bundle(bundle.js)中,而其中一个源文件包含一个错误,那么堆栈跟踪就会简单地指向到 bund转载 2017-10-12 19:54:09 · 914 阅读 · 0 评论