安装
<h2>通过 npm 安装</h2>
<pre><code>npm install v_frame --save</code></pre>
<ul>
<li>安装后还需要做一些配置</li>
</ul>
<pre><code>由于babel不会转译 node_modules 里的代码,而VF采用了大量的新特性语法,一般的模块在提交npm的时候都会进行转译后在提交,而VF中提供了大量的基类,需要由业务场景继承后使用,如果提交的时候进行了编译会导致很多问题。
因此,在安装了VF之后,还需要手动配置一下 webpack ,来让babel在构建的时候转译VF</code></pre>
<ul>
<li>修改 webpack</li>
</ul>
<pre><code>// 打开你的 webpack 配置文件,在 module.rules 中,添加以下内容
// 你的 webpack 配置文件可能已经配置了其它编译规则,修改的时候需要注意些
{
test: /\.js$/,
loader: 'babel-loader',
include: [
path.resolve(__dirname, './node_modules/v_frame_core')
],
},</code></pre>
<ul>
<li>VUE的修改例子</li>
</ul>
<pre><code>// 以下是通过 cli 方式创建的 vue 项目,webpack 的配置在项目根目录的 vue.config.js 中,如果不存在需要手动创建它
// 如果你是通过其它方式创建的项目,参考以下配置中的 configureWebpack 部分进行配置
let path = require('path')
module.exports = {
configureWebpack: {
module: {
rules: [
{
test: /\.js$/,
loader: 'babel-loader', //默认支持 es7
include: [
path.resolve(__dirname,'./src'),
path.resolve(__dirname, './node_modules/v_frame_core')
],
},
{
test: /\.vue$/,
loader: 'vue-loader',
include: [
path.resolve(__dirname,'/src'),
],
}
]
},
}
}</code></pre>