webpack.config.js和vue.config.js的区别

最新推荐文章于 2024-02-04 17:05:22 发布
最新推荐文章于 2024-02-04 17:05:22 发布
阅读量648 收藏 1
点赞数 3
分类专栏： vue 文章标签： webpack vue.js
原文链接：https://blog.csdn.net/TangelaYue/article/details/114666716?ops_request_misc=&request_id=&biz_id=102&utm_term=webpack%E5%92%8Cvue.config.js&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~sobaiduweb~default-1-114666716.blog_rank_default&spm=10
版权

webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。

vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在vue项目中是可以并存的。

vue-cli3创建的时候并不会自动创建vue.config.js,因为这个是可选项，所以一般都是修改webpack的时候才会自己创建一个vue.config.js

再然后因为vue-cli3内部高度集成了webpack，一般来说使用者不需要再去webpack做了什么，所以没有暴露webpack的配置文件，但你依然可以创建vue.config.js去修改默认的webpack。

 转载：webpack.config.js和vue.config.js的区别_糖糖糖悦吖�的博客-CSDN博客_webpack.config.js与vue.config.js

武当王也拜见老天师
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack.config.js
08-19
webpack之代码打包分离-DllReferencePlugin及DllPlugin
Vue-cli3项目 配置webpack (Vue.config.js)
热门推荐
非为000的博客
11-24 2万+
1.webpack配置路径别名 2.webpack全局注入通用样式 3.webpack引入第三方插件，如Amap，QRcode等 在项目的根目录下新建 vue.config.js 文件（是根目录，不是src目录），如图： 配置实例如下： const path = require('path') const resolve = dir => path.join(__dirname, di...
配置文件过程中的总结与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的项目中也是可以共存
vue.config.js配置，webpack打包配置详解
qq_42238554的博客
10-26 1万+
webpack打包编译 我们可以使用npm run build进行编译项目，生成文件，生成后的文件才可以上传到服务器上被服务器识别。 如下操作，我们输入npm run build进行编译。 编译成功后，我们在文件夹目录中会发现多了一个dist文件夹，里面就是我们编译后的文件，可以直接把这个文件放到服务器中。 ...
webpack、vue.config.js
qq_30351747的博客
09-18 984
webpack、vue.config.js
webpack.config.js和vue.config.js之间是什么区别
weixin_38599724的博客
06-26 4238
package.js 是npm的配置文件 vue.config.js 是webpack的配置文件 vue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。 ...
webpack配置及vue.config.js
weixin_49834963的博客
05-18 4381
webpack webpack配置 写在前面：官网解释到，webpack 是一个基于node.js的模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package) https://webpack.docschina.org/guides/getting-started/ （练习放在workspce/demo/webpack_demo） 一些基础知识： 入口(entry) ：指示 we
vue.config.js和webpack.config.js区别
最新发布
bobozai86的博客
02-04 850
通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在vue项目中是可以并存的。webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。vue-cli3创建的时候并不会自动创建vue.config.js,因为这个是可选项，所以一般都是修改webpack的时候才会自己创建一个vue.config.js。
webpack--vue.config.js
我不要秃头的博客
12-02 644
webpack的配置项 vue.config.js下，我们对其进行配置 const path = require('path');// 导入path，进行之后的路径拼接 function resolve (dir) { return path.join(__dirname, dir) } // 导出默认配置 module.exports = { chainWebpack: (config) => { // webpack的配置，减少import的vue和element进行外部
没有webpack.config.js如何配置less ？？
01-08
无论是vue或者react项目，你都找不到webpack.config.js，甚至没有原来的build文件夹，那我们如何配置less或者jq这种插件呢？接下来进入正题 配置less 1.安装less less-loader  打开我们的项目目录，打开CMD终端，...
详解weex默认webpack.config.js改造
01-19
本文介绍了weex默认webpack.config.js改造，分享给大家，具体如下： 解决的问题： 由于weex默认的webpack配置，会导致在src文件夹下的每一个.vue在temp文件夹下生成对应的一个.js文件，该js文件有一段这样的代码 ...
详解如何配置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配置（vue3 + webpack）
11-02
vue.config.js配置（vue3 + webpack）
Vite或Vue CLI来选一个最适合你的
Free雅轩的博客
10-11 1526
如果你看过该课程的第一课（它是免费的），你将了解如何开始，但在我们将其与 Vue CLI 和 Webpack 进行比较之前，我们需要了解 Vite 的工作原理。当你创建一个基本的 Vite 项目（在我们的例子中，是 Vue 3 的 Vite 项目）时，index.html文件是非常基本的： [erji]index.html[/erji]但是随着 Vue 的发展，我们开始需要某种程度的打包功能。在 Vue CLI 中，你调试的是Webpack 生成的代码（通过使用源代码映射），而不是调试的你正在编写的代码。
node.js、npm、webpack、vue、express区分
m0_62639693的博客
10-09 1097
Javascript的一种运行环境，相node.js、npm、webpack、vue、express区分当于java的虚拟机JVM；
vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
朝阳39的博客
01-14 1万+
目录 常用配置 完整配置 使用vue-cli 3.x 脚手架创建的 vue 项目不再有 build文件夹，若需要进行相关配置，需在项目目录下新建文件vue.config.js 常用配置 // 后端服务器地址 let url = 'http://localhost:8888' module.exports = { publicPath: './', // 【必要】静态文件使用相对路径 outputDir: "./dist", //打包后的文件夹名字及路径 devS..
系统配置vue.config.js(通用)和vue3中的vite.config.js的通用配置
luofei_create的博客
05-31 1万+
vue.config.js的配置 module.exports = { devServer: { host: '', hot: true, port: 8086, disableHostCheck: true,//新版的webpack-dev-server出于安全考虑，默认检查hostname， //如果hostname不是配置内的，将中断访问。 https: false, open: true, // 是
前端面试题目总结——webpack的使用
秀秀的奇妙旅行
11-14 871
webpack一、什么是webpackwebpack常用命令总结二 、webpack的组成1、module chunk bundle区别2、loader和plugins的区别区别pluginloder什么是loder常用的loderbabel、typeScript③ dev-server三、如何借助webpack来优化前端性能①优化开发环境打包速度（热更新）② css、压缩③ js 、HTML代码压缩④ tree shaking四、webpack，grunt，gulp五、Webpack proxy工作原理.

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值