配置文件过程中的总结与webpack.config.js和vue.config.js的区别

最新推荐文章于 2024-05-13 09:30:57 发布
最新推荐文章于 2024-05-13 09:30:57 发布
阅读量2k 收藏 4
点赞数 4
分类专栏： webpack 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45634433/article/details/118965411
版权

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.cli3创建项目的时候不会自动创建vue.config.js,因为在veu.cli3中已经高度集成了webpack,一般也不需要在使用webpack去做什么了,所以没有自动暴露出webpack的配置文件,当然自己还是可以通过创建vue.config.js文件来修改默认的webpack配置.

npm i -s -d -g 各种后缀参数含义

image.png

image.png

fanny_匚
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
webpack.config.js和vue.config.js
weixin_44211097的博客
10-27 1390
纯手工搭建： 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 处理static文件夹下的静态文件
10-15
总之，通过`vue.config.js`配置`copy-webpack-plugin`，我们可以确保`static`文件夹下的静态文件在构建过程中得到正确处理，避免了因未引用而被忽略的问题。这个方法对于处理动态加载的外部数据文件或其他不希望被...
webpack.config.js和vue.config.js之间是什么区别
weixin_38599724的博客
06-26 4275
package.js 是npm的配置文件 vue.config.js 是webpack的配置文件 vue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。 ...
vue项目中vue.config.js中配置webpack详解
最新发布
wzy_PROTEIN的博客
05-13 1736
vue-cli3以前的版本中把webpack的配置都写在config文件中，可以vue-cli3以上的版本中没有了config目录，可以将配置webpack的文件写在vue.config.js文件里面。是一个可选的配置文件，如果项目的 (和同级的) 根目录中存在这个文件，那么它会被自动加载。你也可以使用中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。
vue.config.js和webpack.config.js区别
bobozai86的博客
02-04 1087
通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在vue项目中是可以并存的。webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。vue-cli3创建的时候并不会自动创建vue.config.js,因为这个是可选项，所以一般都是修改webpack的时候才会自己创建一个vue.config.js。
webpack、vue.config.js
qq_30351747的博客
09-18 1172
webpack、vue.config.js
webpack.config.js和vue.config.js的区别
王也的博客
02-10 667
webpack.config.js和vue.config.js的区别
vue.config.js完整配置-超详细
05-26
在 Vue 项目中，`vue.config.js` 文件是一个可选的配置文件，它允许开发者自定义项目的各种设置，以满足特定需求。这个文件通常位于项目的根目录下，如果使用了 `@vue/cli` 创建的项目，那么在初始化时该文件可能不...
vue.config.js中配置Vue的路径别名的方法
10-15
总结起来，通过`vue.config.js`中的`configureWebpack`和`resolve.alias`配置，我们可以有效地管理和优化Vue项目的路径引用，提升开发效率。在实际项目中，根据需求自由定制这些别名，可以使代码更加简洁易读，同时...
没有webpack.config.js如何配置less ？？
01-08
无论是vue或者react项目，你都找不到webpack.config.js，甚至没有原来的build文件夹，那我们如何配置less或者jq这种插件呢？接下来进入正题 配置less 1.安装less less-loader  打开我们的项目目录，打开CMD终端，...
vue-cli3中vue.config.js配置教程详解
10-16
总之，`vue.config.js` 是 Vue CLI 3 的核心配置文件，通过它我们可以根据项目需求调整构建设置，如自定义输出目录、设置源码映射、配置代理服务器等。了解并熟练掌握这些配置，将极大地提升开发效率。在编写 `vue....
webpack配置及vue.config.js
weixin_49834963的博客
05-18 4423
webpack webpack配置 写在前面：官网解释到，webpack 是一个基于node.js的模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package) https://webpack.docschina.org/guides/getting-started/ （练习放在workspce/demo/webpack_demo） 一些基础知识： 入口(entry) ：指示 we
webpack--vue.config.js
我不要秃头的博客
12-02 666
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进行外部
js 之 webpack常用配置、vue.config.js
qq_46302247的博客
05-26 539
注意：以下全部是手动配置webpack，没用vue-cli（脚手架） // webpack.config.js const path = require('path') const webpack = require('webpack') const HtmlWebpackPlugin = require('html-webpack-plugin') const UglifyjsWebpackPlugin = require('uglifyjs-webpack-plugin') module.expo.
webpack.config.js
weixin_33979203的博客
05-30 406
const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const CleanWebpackPlugin = require('clean-w...
webpack.config.js里面的配置
weixin_33759269的博客
03-23 620
var HtmlWebpackPlugin = require("html-webpack-plugin"); var config = { entry: { main: "./src/main.js", }, output: { path: __dirname + "/dist", filename: "[name]-mi...
webpack和Vue.config.js中配置url-loader
qq_39441438的博客
04-19 5963
url-loader:一个用于将文件转换为 base64 URI 的 webpack 加载器。 作用：项目打包时，可以将符合条件的图片打包成base64 URL，减少http资源请求。 webpack配置： const {resolve} = require("path") module.exports = { mode:"development", entry:"./index.js", //resolve(__dirname,"src","index.js") output:{ p
vue.config.js文件和webpack.config.js文件的区别
09-14
在Vue项目中，vue.config.js文件和webpack.config.js文件有一些区别。vue.config.js文件是用于配置Vue项目的配置文件，而webpack.config.js文件是用于配置Webpack的配置文件。 vue.config.js文件是由Vue CLI提供的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fanny_匚

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值