首先我们先了解下常用的node的工具类:
工具:
1.编译类——babel、 grunt/gulp
es6->es5
2.打包——browserify
一堆文件 -> 单个文件
3.开发辅助——browser-sync
多端同步
4.测试类——
单元测试:模板、函数
集成测试:
压力测试:性能、负载能力、隐藏bug
webpack + 插件 (基于node.js)
打包、编译、测试、调试
从最简单的webpack使用开始:
建立一个 mod.js , 代码如下:
export default 12;
再建立一个 1.js,代码如下:
import mod1 from `./mod1`;
console.log(mod1);
在这里要提及一个 知识点:
在我们ES6中常用的 import/export, 引入/导出其他模块,在目前其实并没有浏览器得到承认,不能够直接使用,所以需要使用webpack进行编译
现在进行最基本的webpack配置
const pathlib = require('path')
module.exports = {
entry:'./src/1.js', // 编译文件入口
output:{
path:pathlib.resolve('dest/'), //输入的目标目录
filename: 'bundle