摘要：
在webpack的管理输出的部分,设定HtmlWebpackPlugin部分,运行npm run build 会报错 Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 解决方法: 接着再运行 执行成功!!!!!!!! 阅读全文
摘要：
管理输出步骤 Step1:在src新建文件print.js添加逻辑 Step2:在src/index.js import 引用新添加的逻辑 Step3:更新dist/index.html文件,修改引入的文件(引入的JS文件) Step4:对应修改webpack/.config.js配置文件(entr 阅读全文
摘要：
webpack 最出色的功能之一就是，除了 JavaScript，还可以通过 loader 引入任何其他类型的文件 引入资源步骤 Step1:安装你需要的loader Step2:在 module配置中(module中的rules)配置 Step3:import引入你的具体资源文件 Step4:执行 阅读全文
摘要：
打包JS Step1:在新建的文件夹下新建一个sum.js文件,一个app.js文件 sum.js minus.js app.js引入sum模块 打包运行,app.js是需要打包的函数,而bundle.js是打包之后生成模块的文件,webpack 版本更改后有一点不一样(后续更新) 阅读全文
摘要：
核心概念(四个) 1.入口(Entry) 作用:代码的入口,打包的入口,单个或多个, 示例一:传入文件路径 示例二:传入一个数组, 向entry属性传入[ 文件路径数组 ] 将创建 " 多个主入口(multi-main entry) " 示例三:传入对象(推荐具体看webpack的API) ,与前两 阅读全文
摘要：
一.为什么要前端需要构建? 开发复杂化 框架去中心化(代码中需要的模块都可以通过npm安装佢解决一个问题,包越来越零散,根据需要来安装) 开发编译化 语言模块化 二.为什么要用webpack? 1.三大前端框架都是用webpack来构建的(趋势) 2.代码分割 3.天生模块化(任何一个资源都可以当成 阅读全文
摘要：
webpack V1功能进化 编译打包 HMR(模块热更新) 代码分割 文件处理(loader) webpack V2功能进化 tree shaking(并欸有在项目中使用的代码不会打包到里面,打包之后体积更小) ES module(安装Babel) 动态import 新的文档 webpack V3 阅读全文
摘要：
一.JS模块化 命名空间,COMMONJS,AMD/CMD/UMD,ES6 module 1.什么是命名空间 库名.类别名.方法名 弊端:在命名空间重复生命,要记住完整的路径名(而且很长) 2.什么COMMONJS (服务器端使用COMMONJS,浏览器端用不了COMMONJS的模块规范) Modu 阅读全文
摘要：
Step1:安装Istanbul Step2:在package.json里面添加,具体参考Istanbul的API写法 Step3:执行npm run cover 阅读全文
摘要：
1.初步简单的测试 在src新建一个math.js的文件.src/math.js 在与src同级新建一个文件夹test,test里面新建一个simple.js文件 test/simple.js 运行结果 2.使用assert(断言)来判断是否相等 [ assert.equal() ] test/si 阅读全文