配置@路径别名

最新推荐文章于 2024-10-20 12:22:43 发布

原创最新推荐文章于 2024-10-20 12:22:43 发布 · 282 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #npm #前端

文章介绍了如何下载并配置craco包来修改Webpack的alias，将@指向src目录，然后更新package.json中的scripts，以便在项目启动、构建和测试时使用craco。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载craco包：

npm i -D @craco/craco

在vscode根目录下创建一个名为：craco.config.js文件配置一下内容：

        const path = require('path')
        module.exports = {
            webpack:{
                   alias:{
                    '@':path.join(__dirname,'src')  //src代表@
                }
            }
        }

在package.json文件中找到'scripts'更改为：

          "scripts": {
           "start": "craco start",
           "build": "craco build",
           "test": "craco test",
           "eject": "craco eject"
  },

4.重启项目