我已经成功安装并运行了Webpack,现在我想将我的代码拆分成不同的文件。
假设我有一个独立的文件包含以下代码:
handlebarHelpers.js
handlebars.registerHelper('timeFilter', function(context, block) {
var f = block.hash.format || "MMM DD, YYYY HH:mm"; //default format
return moment.unix(context).format(f);
});
然后我想通过webpack将这个文件包含到我的主要app.js文件中:
webpack.conf.js
const webpack = require('webpack');
module.exports = {
entry: {
app: [
'handlebars',
'handlebarHelpers.js'
'./js/app.js'
],
},
output: {
filename: 'www/theme/js/app.dev.js'
},
node: {
fs: 'empty'
}
};
这段代码可以正常工作,但我该如何在我的app.js文件中执行它呢?我找到了很多关于webpack的教程,但没有一篇像这样基础的。
我尝试过:
**app.js**
import handlebars from 'handlebars';
import './handlebarHelpers';
// yadaya create handlebars
$( document ).ready(function() {
console.log( "ready!" );
});
以下方法无效:
引用错误:handlebars未定义
但是,当将handlebars助手代码放在app.js中时,它可以正常工作。
如何解决?