Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/235.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在Laravel 5.5中使用PrimerCSS.io_Php_Css_Twitter Bootstrap_Laravel - Fatal编程技术网

Php 在Laravel 5.5中使用PrimerCSS.io

Php 在Laravel 5.5中使用PrimerCSS.io,php,css,twitter-bootstrap,laravel,Php,Css,Twitter Bootstrap,Laravel,我正在用Laravel构建一个应用程序&我想用它来构建并完全删除引导 我按照计划做了,但没能完成。 我替换了@import“~bootstrap sass/assets/stylesheets/bootstrap”; 具有 @import“primer css/index.scss”在 resources/assets/sass/app.scss和runnpm run watch。 但是遇到了问题 模块生成失败: @导入“初级css/index.scss; 要导入的文件找不到或不可读: 下面是

我正在用Laravel构建一个应用程序&我想用它来构建并完全删除引导

我按照计划做了,但没能完成。 我替换了
@import“~bootstrap sass/assets/stylesheets/bootstrap”;
具有
@import“primer css/index.scss”
resources/assets/sass/app.scss
和run
npm run watch

但是遇到了问题

模块生成失败: @导入“初级css/index.scss;
要导入的文件找不到或不可读:


下面是我在新安装的Laravel 5.5(引导我走上正确的轨道)上所做的工作

首先,我们需要为sass使用节点:

// webpack.mix.js
let mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css', {
        includePaths: ["node_modules"]
   });
然后,我们可以只包含primer css index.scss文件:

// resources/assets/sass/app.scss
@import "~primer-css/index";

(请注意,上面的
~
相当于
。/../../../node\u modules/

以下是我在新安装的Laravel 5.5(使我走上了正确的轨道)中得到的东西

首先,我们需要为sass使用节点:

// webpack.mix.js
let mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css', {
        includePaths: ["node_modules"]
   });
然后,我们可以只包含primer css index.scss文件:

// resources/assets/sass/app.scss
@import "~primer-css/index";

(请注意,上面的
~
相当于
。/../../../../node\u modules/

尝试相对于要导入它的文件创建路径。类似于:
@import'/../../node\u modules/primer css/index.scss';
(如果您在
/resources/assets/css
)。但没有帮助。相同的错误
模块生成失败:ModuleBuildError:模块生成失败:@import'../../../node_modules/primer css/index.scss';
我使用的路径就是一个例子。您需要将其更改为primer-css.index文件的相对路径。有解决方案吗?我尝试了几次匹配,但失败了。My
node_modules
目录位于项目根(
/xampp/htdocs/project/
),
app.scss
位于
xampp/htdocs/project/resources/assets/sass/app.scss
尝试创建与导入文件相关的路径。类似于:
@import'../../../node\u modules/primer css/index.scss';
(如果您在
/resources/assets/css
)。但没有帮助。相同的错误
模块生成失败:ModuleBuildError:模块生成失败:@import'../../../node_modules/primer css/index.scss';
我使用的路径就是一个例子。您需要将其更改为primer-css.index文件的相对路径。有解决方案吗?我尝试了几次匹配,但失败了。My
node_modules
目录位于项目根目录(
/xampp/htdocs/project/
),
app.scss
位于
xampp/htdocs/project/resources/assets/sass/app.scss
是的。但是我如何生成多个文件呢?比如
app.scss
public/css
main.scss
public/css
,同时引用
包括路径:[“节点\模块”]
?是的,这很有效。但是如何生成多个文件呢?比如
app.scss
public/css
main.scss
public/css
,同时引用
包括路径:[“节点模块”]