.babelrc ignore忽略js无效

发布于 2022-09-11 16:39:21 字数 1640 浏览 22 评论 0

新手,见谅。

1.问题:
webpack + vue-cli项目,使用babel转义es6,其中我有一个js采用了老式的写法,比如这种:

delete obj;

严格模式下会webpack会报错,所以修改babel配置文件 .babelrc,用ignore忽略这个js文件,但是无效

2.代码:
.babelrc

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
    }
  },
  "ignore":[
    "./src/assets/alerter.js"
  ]
}

我自己添加了最后一个ignore,其他都是原有的

3.报错:
npm run dev 后的结果,还是提示在严格模式下转义
图片描述

4.尝试
插件去除strict-mode
先:npm install babel-plugin-transform-remove-strict-mode --save-dev
然后:.babelrc中

"plugins": [
  "transform-remove-strict-mode"
]

如下:

 

  {
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime","transform-remove-strict-mode"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
    }
  },
  "ignore":[
    "./src/assets/qksheet/alerter.js"
  ]
}

报错依旧

说明:老代码设计面太大,不到万不得已先不考虑改动。原先不用webpack工具可正常运行。
感谢感谢!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

安稳善良 2022-09-18 16:39:21

看起来你把这个JS自行包装成了ES6模块, 而 ES6 的模块自动采用严格模式; 忽略没有用;

别包装成ES6模块了, 单独把这个JS拎出来, 页面上单独引用

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文