Я хочу создать один файл css / js из нескольких файлов css / js. Несколько addEntry не работают, проверьте мой код и дайте мне решение.
var Encore = require('@symfony/webpack-encore');
Encore
// the project directory where compiled assets will be stored
.setOutputPath('web/build/')
// the public path used by the web server to access the previous directory
.setPublicPath('/build')
.cleanupOutputBeforeBuild()
.enableSourceMaps(!Encore.isProduction())
// uncomment to create hashed filenames (e.g. app.abc123.css)
.enableVersioning(Encore.isProduction())
// uncomment for legacy applications that require $/jQuery as a global variable
//.autoProvidejQuery()
// uncomment to define the assets of the project
.addEntry('js/app', './assets/js/app.js')
.addEntry('js/uploader', './assets/js/uploader.js')
.addStyleEntry('css/icons', './assets/css/icons.scss')
.addStyleEntry('css/app', './assets/css/app.scss')
.addStyleEntry('css/uploader', './assets/css/uploader.scss')
// uncomment if you use Sass/SCSS files
.enableSassLoader()
.enableBuildNotifications();
module.exports = Encore.getWebpackConfig();
И добавьте общий jQuery, и после добавления файлов js какая-то функция не определена, почему?




Вам нужен только один вызов addEntry. Решение, которое я использую для этого, - создать файл main.js, куда я импортирую весь файл. Примерно так:
// CSS
import 'bootstrap/dist/css/bootstrap.min.css';
import './global.css';
import './easy-autocomplete.custom.css';
// JS
const $ = require('jquery/dist/jquery.min');
const jQuery = $;
import 'bootstrap';
import 'jscroll/jquery.jscroll';
import 'easy-autocomplete';
import './global.js';
И затем вы можете использовать этот файл в своем addEntry следующим образом:
.addEntry('app', './assets/main.js')
После запуска Encore вы получите файл web / build / app.js и файл web / build / app.css.
Несколько .addStyleEntry создадут несколько файлов. Вы можете передать массив в .addStyleEntry, чтобы сделать один файл css из нескольких файлов css / sass / less, например:
.addStyleEntry('style', ['./src/sass/style.scss', './node_modules/swiper/dist/css/swiper.css'])
Это создаст style.css. Порядок записей массива соответствует выводу в файле css.
Я знаю, что это старый вопрос, но я смело пометил свой ответ как принятый, если вы считаете, что это было решением.