"useBuiltIns": "usage"不起作用 与 publicPath 不起作用的问题

Question

问题 1 “useBuiltIns”: "usage"不起作用

我配置的 polyfill “useBuiltIns”: “usage”, 不能在 IE 下正常工作 (SCRIPT5009: “Promise”未定义)

但是我在/src/index.js/ 中 import '@babel/polyfill’的方式引入却可以工作 这是为什么呢?

问题 2 publicPath 不起作用

output: {
    path: path.resolve(__dirname, '../dist'),
    filename: '[name].js',
    publicPath: 'assets/'

npm run build 后生成的静态文件并没有在/dist/assets 目录下 ，还是在 dist 目录下 我希望生成的静态文件能到/dist/assets 目录下 该如何做呢

git仓库地址:
https://git.imooc.com/ytldev/pollyfill-usage-problem

Answer 1

Dell 2019-04-15 11:39:35

第二个问题，你要配置每个loader的输出路径，比如说file-loader

• 提问者 慕工程3141378 #1

  非常感谢！

Answer 2

Dell 2019-04-15 11:38:50

useBuiltIns 之后，把ie要配置到babel里：

[    "@babel/env",
   {
     targets: {
       edge: "17",
       firefox: "60",
       chrome: "67",
       safari: "11.1",

        ie： "你要支持什么版本"

     },
   },
 ],

• 提问者 慕工程3141378 #1

  老师 我好像找到错误的原因了 其实一般情况下new Promise的polyfill是正常工作的 只不过当采用@babel/plugin-syntax-dynamic-import 和 "useBuiltIns": "usage"时  import(/*webpackPrefetch: true  */ 'jquery') 懒加载编译出来promise 没有经过polyfill
  的处理 导致IE不能正常工作 https://github.com/babel/babel/issues/7402

• Dell 回复 提问者 慕工程3141378 #2

  明白了，那这个issue估计很快会被修复的