Я использую Webpack Encore в своем приложении Symfony 4. Теперь проблема в том, что мой необходимый файл JS не работает. Ниже приведен код
webpack.config.js
const Encore = require('@symfony/webpack-encore');
Encore
.setOutputPath('public/build/')
.setPublicPath('/build')
.addEntry('app', './entry/app.js')
.enableSingleRuntimeChunk()
.cleanupOutputBeforeBuild()
.enableSourceMaps(!Encore.isProduction())
.enableVersioning(Encore.isProduction())
;
module.exports = Encore.getWebpackConfig();
app.js
require('../public/assets/js/custom/common.js');
require('../public/assets/js/page1.js');
common.js
function showLoader() {
//....
}
function hideLoader() {
//....
}
.......
page1.js
....
showLoader();
и когда я использую мой app.js
файл в своем html и запускаю страницу, то в консоли выдается ошибка
page1.js:1 Uncaught ReferenceError: showLoader is not defined
at Object../public/assets/js/page1.js (page1.js:1)
at __webpack_require__ (bootstrap:79)
at Object../entry/app.js (app.js:2)
at __webpack_require__ (bootstrap:79)
at checkDeferredModules (bootstrap:45)
at Array.webpackJsonpCallback [as push] (bootstrap:32)
at app.js?version=10:1
Я не хочу использовать module.exports, так как мой common.js
имеет более 50 функций