npm run eject过后配置webpck.config.js的里面的@绝对路径(webpack4.28.3版本)

最新推荐文章于 2022-08-09 23:59:00 发布
最新推荐文章于 2022-08-09 23:59:00 发布
阅读量363 收藏
点赞数 1
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qcg14774125/article/details/89306936
版权

1.npm run eject过后就会生成两个文件夹，分别是下面两个：

2.然后找到config文件里面的webpack.config.js

3.搜索alias 并改成一下代码

4.然后再在页面里面把相对路径改成以@开头的绝对路径

当然一定要重启项目才有效果

独步炎凉的大彬
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
修改vue+webpack run build的路径
若晨工作室
11-08 6672
vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的config文件夹，打开该文件夹下的index.js文件，默认如下: // see http://vuejs-templates.github.io/webpack for documentation. var path = require('path') module.exports = {   build:
npm run eject过后配置webpck.config.js的里面的antd模块（webpack4.28.3版本）
qcg14774125的博客
04-16 282
在webpack.config.js里面找到cssRegex，然后把less的配置加上。 const cssRegex = /\.css$/; const cssModuleRegex = /\.module\.css$/; const sassRegex = /\.(scss|sass)$/; const sassModuleRegex = /\.module\.(scss|sass)$/;...
使用NPM安装vue.js（vue-cli）详细教程
热门推荐
chongzi的博客
03-06 4万+
这篇文章借鉴此博客 文章目录安装node.js安装cnpm安装vue-cli 脚手架构建工具（必须在全局中进行安装）创建项目 安装node.js 从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了 安装完之后，我们通过打开命令行工具（win+R）记得用管理员身份打开，不然下面安装可能会出错,输入node -v命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。 npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v命令，.
使用npx(creact-react-app) 构建项目后-npm start启动报错
hahahhahahahha123456的博客
10-24 2006
使用create-react-app创建的React项目时，有时在安装完其他组件后，再次运行 npm start 命令时会报以上错误，让我很郁闷，不过在上网搜了这个错后原来： 是create-react-app有丢包的缺陷，手动安装包后，需要重新npm install一下，这样node_modules/.bin/目录下才会重新出现react-scripts的文件，这样npm start命令才...
Vue或React项目配置@路径别名及智能提示方案
Coding and studying
08-09 1763
如果想一次配置且不在乎占用内存情况，建议直接使用path-alias插件如果本机内存不够或觉得这个插件使用体验不佳, 建议使用。
前端小白004：关于react使用npm run eject/yarn eject 暴露webpack.config.js的问题及解决方案
ReXplan的博客
09-16 785
关于react使用npm run eject/yarn eject 暴露webpack.config.js的问题及解决方案 如果直接运行1有可能会报错，原因是项目有.gitignore文件，而我们本地没有文件仓库，这时候看看仓库有没有.git文件夹，如果有直接运行3、1，如果没有要运行2、3、1 1、暴露webpack.config.js，代码如下： npm run eject 或者 yarn eject 根据提示输入y即可 2、初始化本地仓库，代码如下： git init 3、添加文件到本地仓库，代码
webpack教程之webpack.config.js配置文件
10-19
`webpack.config.js` 文件是 Webpack 的核心配置文件，它定义了项目的输入、输出、加载器、插件等设置。这篇教程将带你了解如何配置 `webpack.config.js` 文件。 首先，安装 `html-webpack-plugin` 插件。这个插件...
webpack入门(二):配置webpack.config.js
An_Cool_bree的博客
06-08 2149
webpack.config.js文件中，主要包括 entry:入口文件 output:出口文件 module:模块 plugins:插件
如何配置vue.config.js 处理static文件夹下的静态文件
10-15
在Vue.js应用开发中，尤其是使用Vue CLI 3.x或更高版本时，有时我们需要处理`static`文件夹下的静态资源，比如图片、字体文件或JSON数据。这些文件不会被webpack自动处理，因此需要进行额外的配置。本文将详细介绍...
Vue 教程(二十七)webpack 配置文件 webpack.config.js
yuan_xw的专栏
08-09 1779
Vue 教程(二十七)webpack 配置文件 webpack.config.js npm 初始化 webpack.config.js 开发时依赖 项目配置 在项目根目录下新建 webpack.config.js 文件，配置文件中 path 属性，需要绝对路径，因此需要的初始化 npm 获得 node 中内置的 path 变量，以获得当前绝对路径，命令执行成功后，自动生成：package.json 文件 npm 初始化：npm init ## 包名meet package name: (webpac
npm run eject 配置
10-30
此处的配置页分为eject过的项目和未eject的项目两种，后者antd逛网有详细描述可参考，此处只讲本项目中的配置方式，要用less，当然少不了安装less和less-loader了，运行安装
vue.config.js中配置Vue的路径别名的方法
11-20
在官方的vue-cli配置参考中存在一个configureWebpack webpack中有一个配置路径别名的属性 const path = require('path') module.exports = { // 对象和函数都可以，如果要控制开发环境可以选择函数 configureWebpack:{ resolve:{ alias:{ 'assets':path.resolve('./src/assets') } } }
react-react集成webpack4和antd按需加载支持配置主题
08-14
react集成webpack4和antd(按需加载,支持配置主题)
配置webpack.config.js让WebStorm识别@路径别名
chen_can89的博客
06-27 3999
vue3.0之前的项目，如果想让WebStorm识别项目中类似于 import HelloWorld from '@/components/HelloWorld.vue' 这样的文件路径(Ctrl + 鼠标点击，可以跳转到HelloWorld.vue的定义），可以在WebStorm中配置“webpack.config.js”，此文件就在项目的根目录中。 具体配置方法：webstorm -> file -> settings -> language & frameworks
解决：react项目中，npm run eject之后生成的webpack配置文件只有webpack.config.js和配置less和ant按需加载的问题
czkcui123的专栏
04-25 1970
在create-react-app v2.1.8，和node v10.15.2的环境下，通过npm run eject暴露出配置时候，webpack配置文件只有webpack.config.js， 但没有webpack.config.dev.js和webpack.config.prod.js,查看网上各种解决办法后，发现是因为create-react-app官方脚手架升级了。 这里我们就...
webpack4.x+react的项目基本构建
yw00yw的博客
08-06 1189
通过对webpack4.x构建项目的基本了解。使用webpack4.x和react.js构建react项目步骤： 1. webpack4.x搭建项目准备 前期的webpack4.x项目搭建步骤详解，点击了解 2. react项目搭建： (1)、运行cnpm i react react-dom -S安装包 react：专门用于创建组件和虚拟DOM的，同时组件的生命周期都在这个包中 rea...
execl 编译时的警告: warning: not enough variable arguments to fit a sentinel 解释说明(转载)
lllxy的专栏
12-24 6025
GCC 4 warnings about sentinelsIntroductionWhen compiling something with GCC 4, it may be possible that you get one of the following warnings: warning: missing sentinel in function call warning:
webpack:webpack.config.js配置文件(二)
weixin_43801564的博客
06-23 558
接上文,继续对webpack的一些配置进行总结 resolve resolve 可以翻译为解析,webpack是从entry入口文件开始,遍历寻找各个模块的依赖,而通过resolve的配置,可以更快速查看到依赖. 常用的配置项有: resolve.extensions resolve.extensions是帮助webpack解析拓展名的配置,默认为 ['.wasm', '.mjs', '.js', '.json'],所以我们引入js和json文件可以不用写拓展名,我们也可以在extensions中添加c.
webpack 踩坑之对于打包的图片路径错误
qq_33745501的博客
05-10 4519
一、什么是webpack？    webpack是模块打包工具二、webpack安装        版本：4.6.0npm install webpack --save-dev npm install webpack-cli --save-dev三、配置文件webpack.config.jspubliPath的默认地址为当前目录。module.exports = { entry:{ ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值