webpack-工程化工具
一.简介
1.webpack 是 facebook 公司发布的一款工程化工具,早期有 react 使用.
2.核心理念: 一切都是资源,是资源我们就能模块化打包加载.
3.webpack 默认支持 commonjs 规范 ( 也支持 amd, cmd 规范不建议使用 ) ,所以我们可以像开发 node 一样开发.
4.特点: 模块化开发, 打包加载.
5.安装 npm install -g webpack , npm install -g webpack-dev-server ( 必须要先安装 node.js 和 npm )
6.配置文件 ( webpack.config.js) : 必须要有
module.exports = { resolve: { // 更改引入的模块文件地址 alias: { vue$: 'vue/dist/vue.js' } }, entry: { '03' : './es/03.es', '04' : './es/04.es', '05' : './es/05.es', '06' : './es/06.es', '07' : './es/07.es', '08' : './es/08.es', '09' : './es/09.es', '10' : './es/10.es', '11' : './es/11.es', '12' : './es/12.es', '13' : './es/13.es' }, output: { filename: './pack/[name].js' }, module: { rules: [ { test: /\.es$/, loader: 'babel-loader?presets[]=es2015' } ] } }