使用 webpack 打包 js

JavaScript020

使用 webpack 打包 js,第1张

通过 命令行工具打包: webpack app.js bundle.js打包完成后会在同目录下生成bundle.js.

app.js: 入口文件

bundle.js: 打包好的文件。

通过amd规范定义的, 打包后会生成一个bundle.js 和 一个 1.bundle.js， 两个bundle.js 文件

所谓打包就是将多个js文件合并，压缩，为什么需要打包呢，因为js合并之后可以减少前端js引用js的数量和体积，数量少了js加载就相对快一些。为什么会说体积也减小了呢，因为现在流行的打包工具例如webpack在打包的过程中不只是简单的把多个js文件合并成一个文件这么简单，它还会多js进行压缩，例如去掉无效的空格，替换较长的变量名函数名等，最后让你的js文件变得更小。

使用方式如下：(shell 命令)

npm install -g vue-cli

vue init webpack my-project

# answer prompts

cd my-project

npm install

npm run dev # tada!