Webpack не создает файлы CSS и JS

Question

Webpack не создает файлы CSS и JS

-1

Я использую Laravel и Vue.js. Когда я запускаю NPM, мои файлы Sass не компилируются, и они создаются в /public. Что может быть причиной этого? Я не могу показать код из-за причин NDA.

SuperProgrammer 22 авг. 2017, в 13:58

Источник

0

Как вы включаете файлы SASS? Есть ошибки в консоли? Вы установили правильные загрузчики? Вам нужно дать гораздо больше информации. Кроме того, если код не доступен для совместного использования, сократите его до минимального примера. Кроме того, запуск npm run dev не сделает ничего общедоступным автоматически. Скорее всего, это все из-за npm run build
Bill Criswell 22 авг. 2017, в 11:30
0

Ну, по крайней мере. Вы можете опубликовать, какую ошибку вы получаете ..
Zaheer Attar 22 авг. 2017, в 11:34

Теги:

php

javascript

laravel

vue.js

webpack

1 ответ

Ещё вопросы

Как вы включаете файлы SASS? Есть ошибки в консоли? Вы установили правильные загрузчики? Вам нужно дать гораздо больше информации. Кроме того, если код не доступен для совместного использования, сократите его до минимального примера. Кроме того, запуск npm run dev не сделает ничего общедоступным автоматически. Скорее всего, это все из-за npm run build
Ну, по крайней мере. Вы можете опубликовать, какую ошибку вы получаете ..

Mahezer Carvalho · Answer 1 · 2017-08-22T10-15-00.000Z

Вы редактировали файл webpack.mix.js?

По умолчанию Laravel Mix будет компилировать только файлы resources/assets/sass/app.scss. Если вы не сообщите Laravel Mix, чтобы скомпилировать ваши другие файлы SASS или импортировать их в файл app.scss, они будут проигнорированы. То же самое касается ваших файлов javascript.

Чтобы скомпилировать все в один файл, я установил свой webpack.mix.js следующим образом:

const { mix } = require('laravel-mix');
const path = require('path');
const glob = require('glob');

mix.js(glob.sync('resources/assets/js/**/*.js'), 'public/js/app.js');

Таким образом, каждый.js файл, находящийся внутри вашей папки resources/assets/js, и вложенные папки склеены в один файл, который можно легко импортировать в ваш html.