配置webpack4.34.0+vue2.6.10+bable-loader8.0.6

最新推荐文章于 2023-10-13 21:25:24 发布

脑子进花生了

最新推荐文章于 2023-10-13 21:25:24 发布

阅读量770

点赞数

本文链接：https://blog.csdn.net/xpaqd/article/details/92566109

版权

本文介绍了如何在webpack中配置并使用vue。步骤包括：安装vue包，添加vue-loader和vue-template-loader，导入vue模块，创建.vue组件，导入并渲染组件，以及处理可能出现的版本冲突问题。当遇到错误时，可以删除node_modules并更新所有包到最新版本。

摘要由CSDN通过智能技术生成

//package.json文件

{
  "name": "01.webpack-study",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --open --port 3000 --hot"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.4.4",
    "@babel/core": "^7.4.5",
    "@babel/plugin-transform-runtime": "^7.4.4",
    "@babel/preset-env": "^7.4.5",
    "@babel/runtime": "^7.4.5",
    "babel-loader": "^8.0.6",
    "css-loader": "^3.0.0",
    "file-loader": "^4.0.0",
    "html-webpack-plugin": "^3.2.0",
    "less": "^3.9.0",
    "less-loader": "^5.0.0",
    "node-sass": "^4.12.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "url-loader": "^2.0.0",
    "vue-loader": "^15.7.0"