webpack 的学习

webpack是基于node的项目,目的是把有依赖关系的各种文件打包成一系列静态资源。

https://zhuanlan.zhihu.com/p/20367175?columnSlug=FrontendMagazine

http://www.runoob.com/w3cnote/vue2-start-coding.html

参照以上网站学习

webpack 和 vue-cli  脚手架（快速搭建目录的东东）

步骤:

第一步：安装全局  npm install webpack -g

第二步：到所到文件夹 安装本地 
  npm init
 npm install webpack -D

第三步：创建a.js index.html两个文件，在index.html中有个b.js ，命令   webpack a.js build.js  

index.html就有a.js中的功能了。

同样的！再建个c.js 
或者建个 style.css加样式
a.js里面这样写：
var c=require('./c')
require('./style.css')
var oApp=document.getElementById('app')


c里面这样写：
oApp.style.innerHTML="我是c文件"

第四步：安装  工程目录

npm install vue-cli -g

vue init webpack  -simple 工程名字<工程名字不能用中文>
或者创建 vue1.0 的项目
vue init webpack  -simple#1.0 工程名字<工程名字不能用中文>