webpack.config.js和vue.config.js之间是什么区别

最新推荐文章于 2024-02-26 15:28:41 发布
最新推荐文章于 2024-02-26 15:28:41 发布
阅读量4.2k 收藏 4
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38599724/article/details/93749278
版权

webpack.config.js是webpack的配置文件，Vue\react均可使用

vue.config.js 是基于Vue的webpack的配置文件

Vue为例：

vue-cli2.0时代，webpack的配置文件写在config/index.js 文件

vue-cli3.0时代，没了config文件夹，vue.config.js写在项目的根目录下

 

 

万达二哥
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack.config.js和vue.config.js
weixin_44211097的博客
10-27 1377
纯手工搭建： 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
vue.config.js配置（vue3 + webpack）
11-02
vue.config.js配置（vue3 + webpack）
webpack.config.js
08-19
webpack之代码打包分离-DllReferencePlugin及DllPlugin
详解weex默认webpack.config.js改造
01-19
本文介绍了weex默认webpack.config.js改造，分享给大家，具体如下： 解决的问题： 由于weex默认的webpack配置，会导致在src文件夹下的每一个.vue在temp文件夹下生成对应的一个.js文件，该js文件有一段这样的代码 contents += 'var App = require(\'' + relativePath + '\')\n'; contents += 'App.el = \'#root\'\n'; contents += 'new Vue(App)\n'; 会导致多个vue对象挂载同一个id（#root），导致整个页面就只有一个vue对象，无法像
vue项目中vue.config.js文件的介绍
最新发布
JLY19970726的博客
02-26 803
是一个可选的配置文件，如果项目的根目录中没有这个文件，则 Vue CLI 会使用默认的配置。这个文件的主要目的是为了让开发者能够调整 Vue CLI 生成的项目的默认配置。文件来修改项目的输出目录，或者调整 webpack-dev-server 的配置，以便在开发过程中使用特定的代理设置或端口号。它使得开发者能够灵活地定制 Vue CLI 生成的项目，以满足特定的项目需求或工作流程。应该导出一个包含了配置选项的对象。同时，它还设置了一个代理，将所有以。这个文件通常位于项目的根目录下，与。
webpack.config.js和vue.config.js的区别
王也的博客
02-10 648
webpack.config.js和vue.config.js的区别
webpack+vue项目构建
@不喝海之言@
01-07 247
webpack+vue项目构建 前言： ​ 要构建一个webpack+vue的项目，我们首先需要构建出来webpack底层结构，这个可以去看我的博客webpack4.X版本配置教程,我接下来要说的也是基于搭建好的这个webpack结构。 开始 构建一个webpack+vue的项目，简单来说，就是在webpack的结构上安装vue的依赖，让其支持vue。要想让其支持Vue，我们需要一些包的支持...
webpack、vue.config.js
qq_30351747的博客
09-18 977
webpack、vue.config.js
vue.config.js和webpack.config.js区别
bobozai86的博客
02-04 848
通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在vue项目中是可以并存的。webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。vue-cli3创建的时候并不会自动创建vue.config.js,因为这个是可选项，所以一般都是修改webpack的时候才会自己创建一个vue.config.js。
webpack配置及vue.config.js
weixin_49834963的博客
05-18 4379
webpack webpack配置 写在前面：官网解释到，webpack 是一个基于node.js的模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package) https://webpack.docschina.org/guides/getting-started/ （练习放在workspce/demo/webpack_demo） 一些基础知识： 入口(entry) ：指示 we
配置文件过程中的总结与webpack.config.js和vue.config.js的区别
weixin_45634433的博客
07-21 2056
webpack.config.js和vue.config.js的区别 webpack.config.js webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都是可以创建这个文件使用的,Vue /react项目都可以. vue.config.js vue.config.js是Vue项目的配置文件,通过这个文件配置Vue项目中常用的功能,简化了配置工作,也可以直接写一些关于webpack的配置,当然如果需要更加专业的配置,这两个文件在Vue的项目中也是可以共存
没有webpack.config.js如何配置less ？？
01-08
无论是vue或者react项目，你都找不到webpack.config.js，甚至没有原来的build文件夹，那我们如何配置less或者jq这种插件呢？接下来进入正题 配置less 1.安装less less-loader  打开我们的项目目录，打开CMD终端，...
详解如何配置vue-cli3.0的vue.config.js
12-02
本文介绍了如何配置vue-cli3.0的vue.config.js，分享给大家，具体如下： vue-cli 3 英文文档 vue-cli 3 中文文档 webpack 4 plugins webpack-chain TLDR vue-cli 3 与 2 版本有很大区别 vue-cli 3 的 github 仓库由...
vue.config.js
06-09
完整的项目构建优化方案
Vue CLI4 Vue.config.js标准配置(最全注释)
11-20
Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。 安装 ...
vue-cli4-config：vue-cli4配置vue.config.js持续更新
02-06
不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制vue.config.js增删配置，并自行安装所需的依赖项。 vue-cli3配置见。其他系列★★ 目录 :check_mark_button:配置多环境变量通过在package.json里...
Vue-cli3项目配置Vue.config.js实战记录
12-12
之前的build和config文件夹不见了，那么应该如何配置 如webpack等的配那只需要在项目的根目录下vue.config.js 文件（是根目录，不是src目录 语法 module.exports = { // 基本路径 baseUrl: '/', // 输出文件...
vue.config.js中配置Vue的路径别名的方法
11-20
在官方的vue-cli配置参考中存在一个configureWebpack webpack中有一个配置路径别名的属性 const path = require('path') module.exports = { // 对象和函数都可以，如果要控制开发环境可以选择函数 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值