张小君嘿嘿

摘要： 1.由于开发和线上环境的配置文件不一样，所以我们把配置文件分成两个。webpack.dev.js用于开发，webpack.prod.js用于线上 webpack.prod.js webpack.dev.js package.json 以上是可以直接用的 但是webpack.dev.js和webpac 阅读全文

摘要： 1.math.js 2.index.js 3.打包后的main22.js(虽然我们只引入了add方法 但是我们minus方法也被打包到main.js中了,想实现这种只按需打包，没有使用的就不引入。 可以使用Tree Shaking：只支持ES Module,像import(静态引入)支持的 requ 阅读全文

摘要： 1.安装react react-dom npm install react react-dom --save 2.安装@babel/preset-react npm install --save-dev @babel/preset-react 3.配置1 .babelrc(这个文件由下往上执行的，由 阅读全文

摘要： 上一节的知识讲的，开发类库 组件库的时候 用polyfill是有问题的 在注入Promise map等是通过全局变量来注入 会污染全局变量，换一种配置方式 1.安装 npm install --save-dev @babel/plugin-transform-runtime npm install 阅读全文

摘要： 1.index.js 2.没有配置打包后的结果是 3.1安装babel （babel-loader是webpack与babel中间的桥梁） npm install --save-dev babel-loader @babel/core 3.2安装preset-env (包含es6语法转成es5的一系 阅读全文

摘要： 热更新是什么呢？下面举例 1.index.js和style.css代码 2.点击新增的效果 3.当我们更新style.css代码 4.页面效果 这个时候页面就自己刷新了，但是呢 我们其实希望看到上面步骤2颜色改变 ，而不是整个页面刷新，我们接下来讲的热更新就是实现这样的效果 只是颜色改变 而不是页面 阅读全文

摘要： 1.安装 npm install webpack-dev-server -D 2.配置webpackconfig.js 3.package.json(由于我的配置文件是webpackconfig.js，所有指出配置文件) ps:one配置（这种配置修改src页面 需要在浏览器刷新才能看到更改信息） 阅读全文

摘要： sourceMap它是一个映射关系，他知道dist目录下main.js文件xx行实际对应src目录下index.js文件中的第几行 1.配置 2.index.js 3.效果（指出报错信息的源文件） 4.打包结束后dist下 有个main.js.map这里存的是dist/main.js和src/ind 阅读全文

摘要： 1.配置多个js文件 a.配置 b.效果 2.打包后index.html引入js前面加入固定地址 例如http://cdn.com.cn a.配置 b.效果 阅读全文

摘要： plugin 可以在webpack运行到某个时刻的时候，帮你做一些事情 1.html-webpack-plugin（htmlWebpackPlugin 会在打包结束后 自动生成一个html文件 并且把打包后js自动引入到这个html ） a.安装 npm install html-webpack-p 阅读全文