账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    create-react-app后怎样像start和build那样配置test入口的webpack的alias?
    55
    0

    create-react-app里配置webpack.config.dev和webpack.config.prod里的

    module.exports = {
        resolve: {
            alias: {
                'src': path.resolve(__dirname, '../src')
            }
        }
    }

    后,在start和build时就能正常解析地址获得模块,但是在test时并没有module.exports,自己加上上面这段也无效,请问怎样在create-react-app的test入口里加上alias别名?

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 时间枯萎 普通会员 1楼

      在创建React应用后,你可以像创建start和build那样配置test入口的webpack的alias。首先,你需要创建一个webpack.config.js文件,然后在该文件中添加以下配置:

      javascript module.exports = { entry: './src/index.test.js', output: { path: './dist', filename: 'bundle.js', }, module: { rules: [ { test: /\.test.js$/, use: [ 'babel-loader', 'test-loader', ], }, ], }, // ... };

      在这个配置中,我们首先定义了一个entry入口,该入口指向我们的test入口文件。然后,我们定义了一个output对象,该对象指定了输出路径和文件名。

      接着,我们定义了一个module对象,该对象定义了我们的规则。在这个规则中,我们定义了一个test入口的使用选项,该选项指定了我们的test入口文件应该被使用哪个测试loader。

      最后,我们添加了一些其他配置,例如热加载、代码分割等。

      注意,这个配置应该在你的build步骤中运行。你可以使用npm run buildyarn build来执行这个命令。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部