使用 webpack 打包 js

JavaScript08

使用 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!