vue 中改变 webpack.base.config.js无效的问题

最新推荐文章于 2024-05-14 18:17:08 发布
最新推荐文章于 2024-05-14 18:17:08 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： vue各类问题总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38992657/article/details/82909225
版权

知识浅薄的我，第一次改变webpack.base.config.js 的文件，关于路径简写代替的增加，改变后无法进行使用，报错
改变的文件如下
在这里插入图片描述

后来发现，要重新启一下服务才可以哦。
npm run dev 走起！

知识太浅薄，不过遇到这个问题就明白了改变哪里的文件需不需要重启服务器！加油~

brace-orange
关注
专栏目录
Vue 创建项目后没有 webpack.config.js（vue.config.js） 文件
m0_63853518的博客
08-11 5401
Vue 创建项目后没有 webpack.config.js（vue.config.js） 文件
webpack.config.js和vue.config.js
weixin_44211097的博客
10-27 1485
纯手工搭建： webpack.config.js： const path = require('path') const { VueLoaderPlugin } = require('vue-loader') const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { entry: './src/main.js', //入口文件的地址 output: { path: path
记一次webapck4 配置文件无效的解决历程
12-03
webpack@4.x的变化 先来说下webpack4和之前版本里一些主要的变化： 1、webpack不再支持node v4，这是因为新的webpack和附属插件使用了es6的语法，v4版本对es6不是很到位，所以，就不伺候了。 2、开始采取约定优于配置的思路，webpack@4.x里把很多选项都设置了默认值，比如入口就是./src，输出目录就是./dist，当然如果你自己去设置，它也不会拦着。所以在用webpack@4.x的时候，我们甚至都可以没有webpack.config.js这个配置文件也能一样打包。 3、拆分了旧版本里的webpack，分成了用来处理逻辑的webpack和提供可执行
学习webpack遇到的一个大坑（webpack.config.js的所有配置都没用效果)
Jerry_Dragon的博客
03-13 1598
webpack.config.js的所有配置都没用效果 初学webpack,我用webpack.config.js 配置的所有东西都没有效果，网上搜索了很久都没有人和我遇到一样的问题，我无意中看见了有个文章说webpack.config.js要放在项目根目录， 这个我是知道的，但是一去检查，才发现没有放在根目录下，创建新文件的时候没有注意，晕死了，以后一定更加细心。 ...
vue 中改变 webpack.base.config.js的alias无效的问题
u011200562的博客
07-11 1612
常识改变alias，尝试路径简写代替的增加，改变后无法进行使用，报错，改变的文件如下 后来发现，要重新启一下服务才可以 经验不足，不过遇到这个问题就明白了修改alias需要重启项目！加油~ ...
初学采坑：vue3中配置文件vue.config.js不生效
最新发布
qq_26264187的博客
05-14 809
发现Vue 3 在使用 Vite 作为构建工具，所以跨域配置应在。刚学完配置vue.config.js。经检查package.json文件。配置完成重启，访问成功。
vue.config.js不生效/没作用/无法加载
InterestAndFun的博客
07-16 6078
解决方案 检查你的vue-cli版本是否为 vue-cli 3以上的，在vue-cli 2.x版本都是不支持的。 你可以输入vue --version来查看你的 vue-cli 版本。 如果你还是用vue init webpack 项目名 来创建工程，用npm run dev 来运行项目，那就是了，旧版本不支持vue.config.js ...
webpackbase.js webpack.dev.js webpack.prod.js webpack.config.js
海阔天空
12-26 247
这里是引用 let HtmlWebpackPlugin= require(“html-webpack-plugin”); const path = require(‘path’); //处理html的插件 let MiniCssExtractPlugin = require(‘mini-css-extract-plugin’); let VueLoaderPlugin = require(‘vue-loader/lib/plugin’); module.exports = { //bundle.854a.
vue中不通过./build/webpack.base.conf.js 配置使用jquery
yth_m_123的博客
05-20 4922
在使用vue-cli搭建的项目中，是无法直接在组件中使用jquery的。如果想使用，要先进行一些配置。 网上许多文章都是介绍如何在./build/webpack.bace.conf.js文件中配置使用jquery，但是有些人的项目目录中没有./build，这应该只是脚手架搭建的目录结构不同。 这时候应该找node_modules/@vue/cli-service/webpack.config.js这个文件，进行配置。 1.安装jquery $ cnpm install jquery -S 或者 $ npm
vue中webpack.dev.conf.js：和webpack.base.conf.js,
周家大小姐
05-03 5820
'use strict' const utils = require('./utils')// 工具类 const webpack = require('webpack') // 获取配置文件中默认的配置 const config = require('../config') const merge = require('webpack-merge')// 使用webpack配置合并插件...
vue.config.js中的配置不生效
热门推荐
qq_34370249的博客
06-09 1万+
今天新建了一个项目，使用转发代理的时候，发现配置不生效。 总之就是vue.config.js这个文件内的所有内容都不生效。 先检查一下自己的代码有没有问题 检查是不是在其他的地方做了配置 使用 vue init webpack 项目名称 这种方式创建的项目，就是在其他的位置做了配置，导致vue.config.js不生效 贴图请看 我们在看一下这个webpack.dev.conf.js文件 可以看到这个文件已经帮助我们做了很多的配置。恕我比较菜，实在看不懂这里面都干了些什么，所以我重新创建了一个项目
vue --- 解读vue的中webpack.base.config.js
weixin_42009735的博客
03-21 393
const path = require('path') const utils = require('./utils')// 引入utils工具模块，具体查看我的博客关于utils的解释，utils主要用来处理css-loader和vue-style-loader的 const config = require('../config')// 引入config目录下的index.js配置文件，主要...
vue.config.js中configureWebpack遇见的坑
lamianT的博客
04-08 5205
放一张vue cli文档上面的描述 ???? 但是configureWebpack中用函数形式去修改resolve，会不生效，如下所示： 在网上找的解决方案不能解决，还是报错???? configureWebpack: (config) => { Object.assign(config, { // 开发生产共同配置 resolve: { alias: { '@': path.resolve(__dirname, './s
vue.config.js代理配置失效 如何解决
老张头的博客
11-25 2321
vue.config.js代理配置失效 如何解决
webpack.config.js配置
justinsun221的博客
06-19 217
// node path package const path = require("path") module.exports = { entry: "./webpack-demo/index.js", output: { path: path.resolve(__dirname, "./webpack-demo/dist"), filename: "bundle.js", }, module: { rules: [
前端vue项目，路由配置文件vue.config.js不生效
weixin_36583895的博客
04-19 3771
why 首先检查 是否代码有问题， 其次确认自己是否在其他地方有配置 如果以上确认没问题，请往下看。** 创建vue项目使用命令vue init webpack +项目名称的方式，vue.config.js配置不生效，生效的是webpack.dev.conf.js，具体可查看package.json文件如下代码 how 如果徐娅萍配置路由，需要在index.js文件配置proxyTable proxyTable的配置大致如下： 如果 另外， 用 vue-cli-service serve 启动就会用
打包上线前在build/webpack.base.conf.js中配置（别的什么都不要动，足够了）
jingtian678的博客
12-12 1808
publicPath: process.env.NODE_ENV === 'production'       ? './' +config.build.assetsPublicPath       : './' +config.dev.assetsPublicPath 还有一点要注意，千万不要配置history，去掉锚点#，就不行了，因为前端就是操控路由的，没有锚点，会无法识别哈希，与路由相关...
配置webpack.config.js遇到的一些问题
前端岚枫
08-25 4639
配置vue-loader时候，npm run build 遇到这样问题，如下提示： webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin 解决方案是： const path = require('path') //引入这个 const Vu...
vue-cli 3.x vue.config.js配置（包含webpack）
Awen_liang1002
05-10 1万+
使用vue-cli3.x首先创建一个项目：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 配置生成后的文件目录大概是一下样式：【想直接看配置的直接往下拉！！！】 代码地址：https://download.csdn.net/download/weixin_37615202/11171479 已经没有了we...
webpack.base.config.js 和webpack.dev.conf.js和webpack.config.js 和webpack.prod.conf.js和 vue 项目中的config文件夹下的index.js
07-22
在一个Vue项目中，常见的Webpack配置文件包括： 1. `webpack.base.config.js`：这是一个基础的Webpack配置文件，定义了通用的配置选项，例如入口文件、输出路径、模块解析规则等。它是不同环境配置文件的基础。 2. `webpack.dev.conf.js`：这是用于开发环境的Webpack配置文件。它会基于`webpack.base.config.js`进行扩展和覆盖，添加一些开发环境特定的配置选项，例如热重载、Source Maps等。 3. `webpack.prod.conf.js`：这是用于生产环境的Webpack配置文件。它同样会基于`webpack.base.config.js`进行扩展和覆盖，添加一些生产环境特定的配置选项，例如代码压缩、资源优化等。 4. `webpack.config.js`：在某些项目中，可能会使用单一的Webpack配置文件来同时处理开发环境和生产环境。这个文件会根据环境变量动态地配置Webpack。它可能会引入`webpack.base.config.js`并根据环境变量来扩展或覆盖一些配置选项。 5. `config/index.js`：这是一个存放项目全局配置的文件夹。其中的`index.js`文件包含了一些开发和生产环境的全局配置选项，例如服务器地址、端口号、是否开启热重载等。你可以在这个文件中进行自定义配置以满足项目的需求。 需要注意的是，具体的配置内容和结构可能因项目而异，你可以根据项目需求自定义修改这些配置文件。这些文件的目的是为了方便开发者根据不同环境和需求来配置和优化Webpack打包过程。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值