guxiansheng1991的博客

目标 - 1.自动打包编译 - 2.热加载热替换 - 3.能够将写的代码转换为es5写在前面关于目标1和2在前面的学习的webpack中都已经能够做了,下面主要使用Babel转换es6代码1.项目目录|-ECMA 6 |-src |-index.js |-webpack.base.js |-webpack.dev.js |-...

学习是在webpack中文网,仅此记录,以供后期复习; (https://doc.webpack-china.org/guides/getting-started/#-) 写在前面:我认为学习之前应该了解的webpack4大基本模块:1.入口2.出口3.loader4.插件一.基本使用 按照官网的步骤建立项目,记录如下:1.项目目录 w

一.管理输出 即配置webpack.config.js来完成1.新建src/print.jsexport default function printMe() { console.log('I get called from print.js!');}2.在src/index.js中引用print.jsimport _ from 'lodash';// 使用

一.使用source map source map主要是用来定位程序出错等具体位置信息的1.配置webpack.config.jsconst path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const CleanWebpackPlugin = require

写在前面 - 使用webpack-dev-server - 开启很简单,但是会有程序书写错误,导致热替换失败一.基本使用HMR(hot module replacement)1.webpack.config.jsconst path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin

这部分的学习可以不按照官网的开头(https://doc.webpack-china.org/guides/production/),可以搭建项目之后,按照如下文档,直接搭建生产环境写在前面生产环境的搭建是采用的复用配置文件的方式1.需要使用的插件npm install --save-dev webpack clean-webpack-plugin html-...

承接上面的webpack学习之五的代码 写在前面1.代码分离可以将代码总公共的代码抽离出来,单独打包成一个文件,vue-cli中也是将所有的公共js打包成一个vendor文件2.动态引入,可以实现代码分模块下载,有效提高速度,vue官方也给了方案一.简单的代码分离(CommonsChunkPlugin )1.webpack.prod.jsconst ...

写在前面1.浏览器缓存是根据一个appcache文件,当文件中的某些名称发生变化的时候,重新想服务器请求变化了的资源,这就要求:资源文件内部没有变化的文件不能改变名称,资源文件内部变了要能文件名称也变化.2.要求webpack打包出来的文件名字使用chunkhash,当文件改变,则该文件的名字改变;否则不能变化该文件的名字一.使用chunkhash命名打包文件 不能使用w...