webpack与vue结合使用:
安装:npm i vue vue-loader vue-style-loader vue-html-loader vue-template-compiler -D

安装完成后开始配置:
首先创建app.vue:
webpack整理(七)
内容如下:
webpack整理(七)
在main.js中引入app.vue
webpack整理(七)
注意:
我们在main.js中引入的vue实际上是应该是node_module中的vue/dist/vue.esm.js,所以我们需要在webpack.config.js中起一个别名:
webpack整理(七)

在webpack.config.js中配置vue-loader,同时把style-loader改为vue-style-loader,能同时把vue里面的css样式和外部的css整合,配置如下:
webpack整理(七)
这个时候仅仅引入vue-loader是不行的,需要同时在plugins中引入vue-loader-plugin,在development.js和production.js中引入:
webpack整理(七)
这个时候我们也vue的基本配置就完成了。

相关文章:

  • 2021-11-08
  • 2021-12-07
  • 2021-05-27
  • 2022-12-23
  • 2021-05-22
  • 2021-12-23
  • 2021-11-23
猜你喜欢
  • 2021-12-20
  • 2021-05-07
  • 2021-12-24
  • 2021-10-16
  • 2021-06-05
  • 2022-12-23
  • 2021-12-09
相关资源
相似解决方案