0
я сделав npm
модуль, используя ES6
синтаксис (imports
, exports
и т.д.) с помощью webpack
.использование ES6 НПМ модуль (Webpack) на переднем конце
Когда я пытаюсь инициализировать экземпляр экспортированного класса в интерфейсе, чтобы проверить его, он не работает, и у меня есть ощущение, что это связано с тем, что CommonJS
экспортирует доход против ES6
экспорта.
example.js
export default class Example { ....
пример-после-WebPack-stuff.js
var Example = (function() ....
demo.js
var example = new Example();
demo.html
<script src="../example-after-webpack-stuff.js"></script>
<script src="demo.js"></script>
получаю следующее:
Error: Uncaught TypeError: Example is not a function
РЕДАКТИРОВАТЬ
Webpack конфигурации:
module.exports = {
entry: './src/example.js',
output: {
filename: "./dist/example.js",
library: "Example",
libraryTarget: "var"
},
module: {
loaders: [
{
exclude: /(node_modules|bower_components)/,
loader: 'babel',
query: {
presets: ['es2015']
}
}
]
}
};
Это не будет работать, как это. Вам нужно связать все это и использовать единственный файл js в теге скрипта. – kabirbaidhya
@kabirbaidhya Как? example-after-webpack-stuff - это модуль npm, а demo.js - это пользовательский файл, который пользователь сделает сами. –
Хорошо, все файлы, которые вы пишете в ES6, которые зависят друг от друга, должны быть связаны с помощью webpack/browsify to производят один пакет bundle.js или что-то в этом роде. И этот файл используется в теге