webpack 是什么
webpack 是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含 less / sass)、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析,把依赖分析出来了,其他都是细枝末节了。
安装 webpack
前提,你的电脑需要安装 node 和 npm.
使用 npm install webpack
安装 webpack.
入门示例
我们创建两个 js 文件:
src/bar.js
|
|
src/index.js
|
|
webpack 是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含 less / sass)、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析,把依赖分析出来了,其他都是细枝末节了。
前提,你的电脑需要安装 node 和 npm.
使用 npm install webpack
安装 webpack.
我们创建两个 js 文件:
src/bar.js
|
|
src/index.js
|
|
看了几天 Vue 文档了,今天应该实践一下了,做一个个人书签页面,记录自己的常用书签。
创建工程
|
|
启动预览
|
|
值得注意的是 npm run dev
实际上执行的是 package.json
中的 script 脚本的如下命令:
|
|
也许你已经猜到了, 这个 webpack.dev.conf.js
文件是配置开发过程中的webpack构建文件。
接下来我们就开始修改 HelloWorld.vue 来实现书签页。