接上一篇WebPack

VUE使用webpack

有关webpack 处理图片(比如css代码用图片作为背景引用url)

这里要添加一个loader
使用终端输入 npm install url-loader@1.1.2 --save-dev 回车
这时候会出现一种情况比如图片比较小8kb以下webpack会直接将图片转成把se并赋值，如果大于2kb则会在打包时生成文件且这个后面要按照文件处理这个图片 如后面

有关webpack处理文件

这里是继续安装了一个loader
使用终端输入 npm install file-loader@3.0.1 --save-dev 回车

为适应大部分浏览器

我们有时候需要将代码中es6的语法，通过webpack打包的时候自动转成es5这时候需要加babel-loader
代码:npm install --save-dev babel-loader@7 babel-core babel-preset-es2015

剩下的就是在webpack配置vue

npm install vue --save

问题

按理说这样的话整个就算是结束了，但是在我用vscode打包的时候报错，原来是这样的方式并不会编译template标签，导致vue的组件无法使用，所以
npm install vue-loader vue-template-compiler -save-dev

结束