Tag: laravel elixir

用gulp编译时出错

我正在使用Laravel Elixr和Laravel混合 ,如下图所示并编译scss文件 OS = Windows 10 节点-v = v6.11.0 npm –v = 5.0.3 +– laravel-elixir@6.0.0-15 | `– gulp-sass@2.3.2 | `– node-sass@3.13.1 `– laravel-mix@0.11.4 `– node-sass@4.5.2 和错误是无法find模块“克隆可读”,如下所示 > [05:51:53] Using gulpfile D:\www\fevrok.com\gulpfile.js > [05:51:53] Starting 'all'… > [05:51:53] Starting 'sass'… > [05:51:54] 'sass' errored after 713 ms > [05:51:54] Error: Cannot find module 'cloneable-readable' > […]

错误:找不到模块“is-utf8”

你好,我在我的项目中使用elixar包来编译所有的scss文件。 我运行命令npm install来安装所有必需的依赖项。 我跑了gulp指挥,但它扔了我这个错误。 错误:找不到模块“is-utf8'`。 我已经删除了node_modules文件夹,并再次运行npm install命令,然后尝试运行gulp但仍然抛出此错误。 我的节点版本是6.4.0 ,npm版本是3.10.6 。 请告诉我为什么我面临这个错误。 我花了整整一天,但我不明白为什么我面临这个错误

如何在Windows 8.1上安装nodejs依赖关系?

如何在Windows 8.1上安装nodejs依赖关系? 我有安装在c:/ program files / nodejs下的nodejs 当我发出npm install命令时,出现以下错误: > cd myproject Current working directory is 'C:\wamp\www\laravel\myproject'. > "C:\Program Files\nodejs\npm.cmd" install npm WARN package.json @ No repository field. > node-sass@2.0.1 install C:\wamp\www\laravel\myproject\node_modules\laravel-elixir\node_modules\gulp-sass\node_modules\node-sass > node scripts/install.js > node-sass@2.0.1 postinstall C:\wamp\www\laravel\myproject\node_modules\laravel-elixir\node_modules\gulp-sass\node_modules\node-sass > node scripts/build.js `win32-x64-node-0.12` exists; testing Binary is fine; exiting npm ERR! Windows_NT 6.3.9600 npm ERR! […]

错误在Windows上安装laravel-elixir:npm ERR! EEXIST,打开'\ AppData \ Roaming \ npm-cache \ 837c67b9-adable-s tream-1-0-33-package-tgz.lock'

我有一个新的安装laravel 5.1 。 我遵循这些步骤来设置药剂,Bootstrap,字体真棒等。当我运行npm install它会引发错误。 我也尝试使用npm install –no-bin-links作为laravel elixir文档build议。 $ npm install –no-bin-links npm WARN optional dep failed, continuing fsevents@0.3.8 npm WARN optional dep failed, continuing fsevents@0.3.8 > node-sass@3.2.0 install c:\Users\user\PhpstormProjects\my_project\node_modules\laravel-elixir\node_modules\gulp-sass\node_modules\node-sass > node scripts/install.js Binary downloaded and installed at c:\Users\user\PhpstormProjects\my_project\node_modules\laravel-elixir\node_modules\gulp-sass\node_modules\node-sass\vendor\win32-x64-11\binding.node > node-sass@3.2.0 postinstall c:\Users\user\PhpstormProjects\my_project\node_modules\laravel-elixir\node_modules\gulp-sass\node_modules\node-sass > node scripts/build.js ` c:\Users\user\PhpstormProjects\my_project\node_modules\laravel-elixir\node_modules\gulp-sass\node_modules\node-sass\vendor\win32-x64-11\binding.node ` exists. testing binary. Binary is […]

Laravel:laravel-elixir包不能满足兄弟姐妹的需求,

我想使用更新的软件包,并得到错误: npm ERR! peerinvalid The package laravel-elixir does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer laravel-elixir-livereload@1.1.3 wants laravel-elixir@^3.0 package.json包含: { "private": true, "devDependencies": { "gulp": "3.9.0", "laravel-elixir-livereload": "1.1.3", "babel-eslint": "5.0.0-beta6", "eslint": "1.10.3", "eslint-config-airbnb": "2.1.1", "eslint-plugin-react": "3.13.1", "laravel-elixir-eslint": "1.3.0" }, "dependencies": { "laravel-elixir": "^4.0.0", "bootstrap-sass": "^3.0.0", "jquery": "2.1.4" }, "scripts": { "lint": "./node_modules/.bin/eslint […]

asynchronous执行Laravel Elixir命令

我在Laravel Elixir遇到了一些麻烦,并按照什么顺序执行。 我一直相信,链式长生不老将会迫使他们同步执行,但我有一些问题,在某些情况下某些命令似乎不执行,或似乎执行的顺序,这意味着他们不能正确完成。 我的第一个问题是,除非我交换了两个scripts()函数,否则dependencies.js文件从来没有被version()函数版本化,所以dependencies.js第二个运行。 另一个问题是,当我通过gulp函数运行任务时,大多数时候,字体真棒字体被复制到构build目录。 但是,在运行时,他们经常被忽略。 我可以解决这两个问题,但是我一直看到这样的小事,让我觉得我并不完全理解周围的执行顺序和微妙之处。 有谁知道我是否错过了一些明显的东西? 谢谢。 这是我的gulpfile.js代码: mix.sass("app.scss", 'public/css/', { includePaths: [paths.bootstrap + 'stylesheets/'] }) .scripts([ 'js/app.js' ], 'public/js/app.js', paths.assets) .scripts([ // paths.jquery + "dist/jquery.js", paths.bootstrap + "javascripts/bootstrap.js", paths.assets + "js/freelancer/classie.js", paths.assets + "js/freelancer/cbpAnimatedHeader.js", paths.assets + "js/freelancer/jqBootstrapValidation.js", paths.assets + "js/freelancer/contact_me.js", paths.assets + "js/freelancer/freelancer.js" ], 'public/js/dependencies.js', './') .version([ 'public/js/dependencies.js', 'public/js/app.js', 'public/css/app.css']) .copy(paths.bootstrap + […]

Laravel 5扩展Elixir以包括browserify

我的浏览工作stream程(从coffee到js,带有coffeeify browserify-shim和coffeeify )是这样的: 我有两个主要的文件, app.coffee和_app.coffee ,分别为前端和后端。 这两个文件位于resources/coffee/front和resources/coffee/back (分别)。 我正在尝试在laravel elixir中包含browserify任务,以便结果文件将位于public/js/app.js和public/js/_app.js并且可以稍后修改为生成文件夹。 到目前为止,我试图通过在elixir的node_modulesconfiguration文件夹中创build一个browserify.js文件来扩展elixir。 内容是: var gulp = require('gulp'); var browserify = require('browserify'); var watchify = require('watchify'); var source = require('vinyl-source-stream'); var logger = require('../../../gulp/util/bundleLogger'); var errors = require('../../../gulp/util/handleErrors'); var config = require('../../../gulp/config').browserify; elixir.extend('browserify', function(callback) { var bundleQueue = config.bundleConfigs.length; var browserifyThis = function(bundleConfig) { var bundler = […]

将多个文件与Laravel组合在一起

我目前正在潜入Laravel Mix,到目前为止,虽然我完全理解Laravel Mix是什么以及它是如何工作的,但我想更多地了解一些常见的做法和“怎么样”… 例如,考虑这个文件结构: /resources/assets/js/app.js (all global functions) /resources/assets/js/index/index.js (functions specific to index.js) /resources/assets/js/about/about.js (functions specific to about.js) /resources/assets/js/contact/contact.js (functions specific to contact.js) 现在,理想情况下,我想通过以下方式合并和缩小: /public/js/index/index-some_hash.js (including app.js) /public/js/about/about-some_hash.js (including app.js) /public/js/contact/contact-some_hash.js (including app.js) 据我所知,实现这一目标的方式如下: // Index mix.js([ 'resources/assets/js/app.js', 'resources/assets/js/index/index.js' ], 'public/js/index/index.js').version(); // About mix.js([ 'resources/assets/js/app.js', 'resources/assets/js/about/about.js' ], 'public/js/about/about.js').version(); // Contact mix.js([ 'resources/assets/js/app.js', 'resources/assets/js/contact/contact.js' ], 'public/js/contact/contact.js').version(); […]