Webpack没有创建css和js文件

我使用的是Laravel和Vue.js. 当我做NPM运行开发时,我的Sass文件没有编译,它们是在 / public </ code>中创建的。 可能是什么原因?
由于NDA原因,我无法显示代码。 </ p>
</ div>

展开原文

原文

I am using Laravel and Vue.js. When I do NPM run dev my Sass files are not compiling and they are being created in /public. What can be the reason for that? I can not show code because of NDA reasons.

doupang2001
doupang2001 好吧,至少。你可以发布你得到的错误..
大约 3 年之前 回复
dpqvwgr74759
dpqvwgr74759 你是如何包含sass文件的?控制台中的任何错误?你安装了正确的装载机吗?您需要提供更多信息。此外,如果代码不可共享,则将其缩减为最小的示例。此外,运行npmrundev不会自动将任何内容放入公共状态。由于npmrunbuild,它可能会把东西放在那里
大约 3 年之前 回复

1个回答



您是否编辑过 webpack.mix.js </ code>文件? </ p>

默认情况下,Laravel Mix只会编译文件 resources / assets / sass / app.scss </ code>。 除非您告诉Laravel Mix编译其他SASS文件或将其导入 app.scss </ code>文件,否则它们将被忽略。 你的javascript文件也一样。 </ p>

要将所有内容编译成一个文件,我将 webpack.mix.js </ code>设置如下:</ p>

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

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

这样,每个.js文件都是 在 resources / assets / js </ code>文件夹中,子文件夹粘贴在一个文件中,可以轻松导入到html中。</ p>
</ div>

展开原文

原文

Have you edited your webpack.mix.js file ?

By default, Laravel Mix will compile only the file resources/assets/sass/app.scss. Unless you tell Laravel Mix to compile your other SASS files or import them on the app.scss file, they will be ignored. The same goes for your javascript files.

To compile everything into one file, I set my webpack.mix.js like the following:

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');

That way, every .js file that is inside your resources/assets/js folder, and the subfolders is glued together into a single file, that can be imported with ease into your html.

dthjnc306679
dthjnc306679 我有相同的代码..不起作用
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问