微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

webpack中配置vue

1、初始化

npm init -y

之后会生成package.json文件

2、安装webpack

npm install webpack webpack-cli

生成node_modules目录

3、安装vue

npm install vue

4、测试

在这里插入图片描述

执行:npm run build

会报如下错误

在这里插入图片描述

解决方法

import Vue from 'vue/dist/vue.js'

5、安装vue-loader

webpack只能打包.js文件,要想打包.vue文件,需要安装vue-loader

npm install vue-loader vue-template-compiler

安装完后发现有警告,需要安装css-loader

在这里插入图片描述

npm install css-loader

需要注意的是:vue-loader@15版本后,需要在webpack中添加一个插件

配置文件如下:

在这里插入图片描述

ps

目录结构:

在这里插入图片描述

index.js:

在这里插入图片描述

app.vue:

index.html:

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐