Intento crear una biblioteca de Javascript con estilo OOP y hacer que se pueda ejecutar con el navegador. Soy un novato en javascript moderno.
Mi código de ejemplo: mylib.js
function MyLib() { if (!(this instanceof MyLib)) { return new MyLib(options) } this.init(options); return this } MyLib.prototype.init = function (options) { this.debug = options.debug console.log(options) } .... ///
exportar MyLib predeterminado
index.js import MyLib from './mylib.js';
índice.html
<script src="dist/mylib.js"></secript> <script> let mylib = new({ debug: true }); </script>
webpack.config.js
const webpack = require('webpack') const path = require('path') module.exports = { entry: { mylib: './lib/index.js' }, output: { filename: '[name].js', path: path.resolve(__dirname, 'dist'), }, mode: process.env.MINIFY_BUILD ? 'production' : 'development', plugins: [ new webpack.DefinePlugin({ 'procrss.env.NODE_ENV': 'production' }) ], module: { rules: [ { test: /\.js$/, exclude: /node_modules\/(?!(lit-element|lit-html)\/).*/, loader: 'babel-loader' } ] } }
Entonces, después de todo, recibí un mensaje de error como el siguiente
Error de referencia no capturado: MyLib no está definido
Por favor ayúdenme o sugiéranme.