[Bug report] ie11 does not run components script.

• I confirm that this is an issue rather than a question.

Bug report

ie11 does not run components script.
After the build, the template comes up, but the script does not run at all.

Version

most current vuepress 1.0.0-alpha.42

Steps to reproduce

create .vuepress/componenets/Temp.vue

<template>
    <div>test</div>
</template>
<script>
    console.log('TEST SCRIPT');
    export default {
        data: function() {
            return {
                temp: 'ABCD'
            };
        }
    };
</script>

npm run build

What is expected?

Print ‘TEST SCRIPT’ text in IE11 CONSOLE.
experience like on Chrome.

What is actually happening?

Nothing.

Other relevant information

In the basic state without doing anything, ie11, an error about the arrow function basically occurs.

• Your OS: Windows10
• Node.js version: 9.11.2
• Browser version: IE11
• Is this a global or local install? local
• Which package manager did you use for the install? npm
• Does this issue occur when all plugins are disabled?

[yahao87]

I was successful. Thanks @xxholly32

I modified my config.js file as follows:

module.exports = {
    host: '0.0.0.0',
    "port": 8080,
    "base": "/",
    "dest": "public",
    chainWebpack: (config, isServer) => {
        const jsRule = config.module.rule('js');
        jsRule.uses.delete('buble-loader');
        jsRule.use('babel-loader').loader('babel-loader')
            .options({
                presets: [
                    ["@babel/preset-env", {
                        useBuiltIns: "usage",
                        corejs: 3,
                    }]
                ],
                plugins: ["@babel/plugin-syntax-dynamic-import"],
            });
        const compileRule = config.module.rule('compile');
        compileRule
              .test(/\.js$/)
            .include
              .add(/@vuepress/)
              .add(/.temp/)
              .add(/docs/)
              .add(/packages/)
              .end()
            .use('babel-loader')
                .loader('babel-loader')
                .options({
                    presets: [
                        ["@babel/preset-env", {
                            useBuiltIns: "usage",
                            corejs: 3,
                        }]
                    ],
                    plugins: ["@babel/plugin-syntax-dynamic-import"],
            })
    }
}

[xxholly32]

hi, @ulivz i found a way to work on ie11

vuepress commit

demo config commit

i think the problem is it cant babel vuepress in node_modules. and when i use useBuiltIns: 'entry' vuepress doesnt have config to add “@babel/polyfill”

my company is more complicate. there it is

.rule('compile')
        .test(/\.js$/)
        .include
          .add(/@vuepress/)
          .add(/.temp/)
          .add(/docs/)
          .add(/packages/)
          .add(/src/)
          .add(/strip-ansi/)
          .add(/ansi-regex/)
          .end()

I would appreciate your reply

你好, @ulivz 我找到一个方法可以在ie11下跑

vuepress commit

demo config commit

我认为这里的问题是babel无法转义node_modules的vuepress，而且在用了 useBuiltIns: 'entry' vuepress并没有提供配置去全局加"@babel/polyfill"

我公司的配置更复杂，如下

.rule('compile')
        .test(/\.js$/)
        .include
          .add(/@vuepress/)
          .add(/.temp/)
          .add(/docs/)
          .add(/packages/)
          .add(/src/)
          .add(/strip-ansi/)
          .add(/ansi-regex/)
          .end()

如果得到您的回复我将非常感激