vue+webpack搭建项目及那些错误

最新推荐文章于 2024-07-16 16:20:26 发布

置顶

cly1223_abby

最新推荐文章于 2024-07-16 16:20:26 发布

阅读量1.5k

点赞数

分类专栏： vue webpack

本文链接：https://blog.csdn.net/cly1223_abby/article/details/81434169

版权

本文档主要介绍了使用Vue-loader和Webpack搭建项目的过程，包括新建项目文件夹、初始化、配置相关依赖等步骤。在搭建过程中遇到了npm打包时的版本错误、Vue-loader识别问题以及运行时的字符串常量未结束的错误。针对这些问题，提出了相应的解决策略，如降低npm版本、检查Vue-loader安装及修改源代码中未结束的字符串。

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

搭建项目:

1.vue-loader + wepack项目配置:

1)新建一个项目文件夹并初始化

npm init

2)下载相关配置:

npm i webpack vue vue-loader css-loader vue-template-compiler --save-dev

3)在根目录下新建一个src文件夹在src中新建webpack.config.js 和app.vue以及相关文件

webpack.config.js最终文件内容为

const path = require('path')
// Vue Loader v15 now requires an accompanying webpack plugin to function properly:
const VueLoaderPlugin = require('vue-loader/lib/plugin')
const HTMLPlugin = require('html-webpack-plugin')
const webpack = require('webpack')

const isDev = process.env.NODE_ENV === 'development'

const config = {
  mode: process.env.NODE_ENV,
  target: '