Webpack и Wordpress: вывод css без лишнего js кода?

Question

[thehighhomie]

Возможно ли выводить css файлы плагином "extract-text-webpack-plugin" без лишнего js кода?

К примеру я подключаю app.scss файл к точке входа app.js и все хорошо, но в app.js появляется дополнительный код, хоть и мало его, но кажется что лучше как-нибудь по другому сделать что-ли. Тогда я решил поискать инфу по этой теме, чтобы сделать точку входа как раз для вывода файлов, но чтобы сам js фал точки входа не создавался на выходе, но безрезультатно.

Как бы можно было настроить по лучше такие дела? И вообще как лучше добавлять webpack к вордпресс? Я к примеру в папке с темой создаю папку "webpack" и в ней работаю с webpack, а оттуда выходят файлы уже в тему.

Comments

[zorca]

Честно говоря ничего не понял. Зачем все эти сложности, когда можно просто взять Laravel Mix и один раз его настроить:
https://github.com/oxboot/oxboot/blob/master/packa...
https://github.com/oxboot/oxboot/blob/master/webpa...
Я вот вообще не углубляюсь, что такое Webpack, как его настраивать. Если тратить на это время, то на саму разработку ничего не останется.

[thehighhomie]

zorca, вот именно, webpack я более-менее освоил а другое еще осваивать время нету)

[zorca]

thehighhomie, было бы что осваивать:

let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */
mix.setPublicPath("./");
mix.js('htdocs/content/themes/theme/assets/scripts/main.js', 'htdocs/content/themes/theme/dist/scripts')
.sass('htdocs/content/themes/theme/assets/styles/main.scss', 'htdocs/content/themes/theme/dist/styles');

и

$ npm run watch