0%

webpack-使用Vue的相关配置

1.安装

1
npm init
1
cnpm install webpack@3.6.0 --save-dev
1
npm install vue --save

2.引入
在响应的js文件中引入并使用

1
2
3
4
5
6
7
import Vue from "vue"
const app = new Vue({
el: "#app",
data: {
message: "我是Vue"
}
})

3.打开webpack.config.js,添加如下代码

1
2
3
4
5
resolve: {
alias: {
"vue$": "vue/dist/vue.esm.js"
}
}

在这里插入图片描述
4.执行

1
npm run build

注:本篇博客内容需要对webpack进行一些配置,详情请见webpack的配置