在无模块库中禁用严格模式答案

【问题标题】：Disable Strict Mode in None Module Library在无模块库中禁用严格模式
【发布时间】：2021-08-16 12:31:44
【问题描述】：

我想通过 WebPack 捆绑一个 JavaScript 项目，但是在非模块库中存在更多问题，因为通过“导入”功能导入它们，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"
    ]
}

我试过了：

巴别塔
esmify
浏览
WebPack 中的匀场
... 感谢您的关注。

【问题讨论】：

标签： javascript webpack bundle browserify babel-loader

【解决方案1】：

Webpack 允许使用加载器来预处理文件。这允许您捆绑 JavaScript 之外的任何静态资源。关于装载机：Loaders。您可以使用 Node.js 轻松编写自己的加载器：Writing Loader。在全局上下文中执行一次 JS 脚本可以解决我的问题：Script Loader

【讨论】：