本文共 1104 字,大约阅读时间需要 3 分钟。
目录
总结下来四大阶段
mkdir app
npm init -y
-y的意思是设置默认参数
输入命令后,app目录下出现package.json文件
这一阶段的操作如下:
这一阶段的操作如下:
配置内容如下:(注意__dirname为两个下划线)
let path = require('path');module.exports = { entry:'./index.js', output:{ filename:'bundle.js', path:path.resolve(__dirname,'dist') //注意此行代码结尾没 , }}
配置内容如下:(test那一行最后加个逗号,再加添上"build":"webpack")
这一阶段的操作如下:
npm run build
打包结果如下:
打包后生成一个 dist 文件,里面的 bundle.js 就是打包后的代码
将来进行项目开发的时候,肯定不止两个 js 文件(这里的例子 a.js 和 index.js),所以需要模块化的机制,将所写的所有 js 代码打包成一个 bundle.js 。再通过 babel 将 es6 转换为 es5,在 html5 中导入,即可在浏览器上运行。
而 vue 会将这些过程全部省略,直接提供脚手架,我们自己写代码即可。所以有人会觉得,那直接用 vue 不就好了么,这么麻烦干嘛。但是,说这些过程,是让为了我们有模块化开发的思想,知其然知其所以然。。。