禁用非模块库中的严格模式

Question

我想通过JavaScript捆绑一个WebPack项目，但是在非模块库中存在更多的问题，因为它们是通过“导入”功能导入的，ECMAScript 6模块加载程序默认运行严格模式，并且它会导致更多的错误。

问题：

如何在没有严格模式的情况下导入非模块库，以便通过WebPack捆绑它们？

index.js

import '../examples/js/libs/draco/draco_encoder.js';
import './js/libs/codemirror/codemirror.js';
import './js/libs/codemirror/mode/javascript.js';
import './js/libs/codemirror/mode/glsl.js';
...

webpack.config.js

const path = require('path');
const webpack = require('webpack');

// webpack.config.js
module.exports = {
    entry: {
        polyfills: './editor/polyfills',
        index: './lib/index.js',
    },
    mode: 'development',
    output: {
        path: __dirname,
        publicPath: '/',
        filename: './editor/[name].bundle.js',
        path: path.resolve(__dirname, 'dist'),
    },
    devServer: {
        watchContentBase: true,
        publicPath: "/",
        contentBase: "./",
        hot: true,
        port: 8080,
    },
    module: {
        rules: [
            {
                test: /\.m?js$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader",
                    options: {
                        presets: ['@babel/preset-env']
                    }
                }
            }
        ]
    }
};

babel.config.json

{
    "presets": [
        "@babel/preset-env"
    ]
}

我试着说：

1. 巴贝尔
2. 精化
3. 褐化
4. WebPack中的抖动
5. ..。感谢您的关注。

Answer 1

Webpack允许使用装载机对文件进行预处理。这允许您将任何静态资源绑定到JavaScript之外。关于装载机：装载机。您可以使用Node.js：写装载机轻松地编写自己的加载程序。要在全局上下文中执行一次JS脚本，可以解决我的问题：脚本装载机