vue教程3-07 vue-loader

发布时间:2019-04-02 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了vue教程3-07 vue-loader脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue-loader:

vue--> css-loader、url-loader、html-后台: nodeJs </span>-><span style="color: #000000;"&gt; require exports broserify 模块加载,只能加载js webpack 模块加载器, 一切东西都是模块,最后打包到一块了 require(</span>'style.css'); -> css-loader、style-<span style="color: #000000;"&gt;loader vue</span>-<span style="color: #000000;"&gt;loader基于webpack

.css
.js
.html
.php
.....

a.vue
b.vue

.vue文件:
    放置的是vue组件代码

    </span><template><span style="color: #000000;"&gt;
        html
    </span></template>

    <style><span style="color: #000000;"&gt;
        css
    </span></style>

    <script><span style="color: #000000;"&gt;
        js    (平时代码、ES6)    ES6兼容性需要编译 用babel</span>-<span style="color: #000000;"&gt;loader
    </span></script></pre>

简单的目录结构

|-|-|-|---|-ES6: 模块化开发
导出模块:
export
<span style="color: #0000ff;">default
<span style="color: #000000;"> {}
引入模块:
import 模块名 from 地址

生成package.json

npm init --yes 生成

 

webpak准备工作:
webpak准备工作:
cnpm install webpack --save-dev
cnpm install webpack-dev-server --save-dev

//App.vue -> 变成正常代码 vue-loader@8.5.4
cnpm install vue-loader@8.5.4 --save-dev

cnpm install vue-html-loader --save-dev

cnpm install vue-html-loader css-loader vue-style-loader vue-hot-reload-api@1.3.2 --save-dev
npm install webpack webpack-dev-server vue-loader@8.5.4 vue-html-loader css-loader vue-style-loader vue-hot-reload-api@1.3.2 --save-dev
babel-loader
babel-core
babel-plugin-transform-runtime
babel-preset-es2015
babel-runtime

最最核心:

 

总结

以上是脚本之家为你收集整理的vue教程3-07 vue-loader全部内容,希望文章能够帮你解决vue教程3-07 vue-loader所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。