webpack学习一

webpack顾名思义就是web开发打包工具 ,可以将img、css、js统一到一个文件中。

学习vuejs,学习组件时不想把所有的组件放到同 一个文件中,因此看demo等,是各个组件分别开发,最后打包到一个文件中。

按照官方教程
在本地学习。

入门

  1. 首先需要安装nodejs
  2. 安装: npm install webpack -g
  3. 新建一个空文件夹
  4. 新建文件entry.js document.write("It works")
  5. 新建文件index.html
<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
  1. 运行命令 webpack ./entry.js bundle.js
  2. 浏览器打开index.html 将看 It works

模块导出

  1. 新建文件content.js module.exports="It works form content.js"
  2. 更新entry.js document.write(require("./content.js"))
  3. 重新运行 webpack ./entry.js bundle.js
  4. 浏览器打开,运行ok

如何用inport命令导入?

下一遍,学习如何导入css等。