Quiero agrupar un proyecto de JavaScript por WebPack, pero hay más problemas en las bibliotecas sin módulos porque las importé mediante la capacidad de 'importación', el cargador de módulos ECMAScript 6 ejecuta el modo estricto de forma predeterminada y corrige más errores.
¿Cómo puedo importar ninguna biblioteca de módulos sin un modo estricto para agruparlos mediante WebPack?
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'; ... 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'] } } } ] } }; { "presets": [ "@babel/preset-env" ] }Lo intenté :
Webpack permite el uso de cargadores para preprocesar archivos. Esto le permite agrupar cualquier recurso estático mucho más allá de JavaScript. Acerca de los cargadores: Cargadores . Puede escribir fácilmente sus propios cargadores utilizando Node.js: Writing Loader . Para ejecutar el script JS una vez en el contexto global que puede resolver mi problema: Script Loader