Tag: laravel mix
Laravel-mix – BrowserSync在event.js上抛出错误：160
不知道这个问题是否与laravel-mix相关，但是我对Browsersync软件包有问题。 这是我的mix.js： mix.js('resources/assets/js/app.js', 'public/js') .browserSync({proxy: 'localhost:8000'}) .sass('resources/assets/sass/app.scss', 'public/css'); 当我运行npm run watch-poll （ watch不接受更改，因此watch-poll 在这里看到 ）我在控制台上得到以下错误： [Browsersync] Watching files… events.js:160 throw er; // Unhandled 'error' event ^ Error: watch resources/views/auth/passwords ENOSPC at exports._errnoException (util.js:1020:11) at FSWatcher.start (fs.js:1443:19) at Object.fs.watch (fs.js:1470:11) at createFsWatchInstance (/home/tanmay/LVProjects/learningdemo/node_modules/chokidar/lib/nodefs-handler.js:37:15) at setFsWatchListener (/home/tanmay/LVProjects/learningdemo/node_modules/chokidar/lib/nodefs-handler.js:80:15) at FSWatcher.NodeFsHandler._watchWithNodeFs (/home/tanmay/LVProjects/learningdemo/node_modules/chokidar/lib/nodefs-handler.js:228:14) at FSWatcher.NodeFsHandler._handleDir (/home/tanmay/LVProjects/learningdemo/node_modules/chokidar/lib/nodefs-handler.js:407:19) at FSWatcher.<anonymous> (/home/tanmay/LVProjects/learningdemo/node_modules/chokidar/lib/nodefs-handler.js:455:19) at […]
Laravel 5.4的“跨环境”不被认为是内部或外部的命令
我试图运行npm run dev Laravel混合，我得到这个错误： > @ dev D:\projects\ptcs > cross-env NODE_ENV=development webpack –progress –hide-modules — config=node_modules/laravel-mix/setup/webpack.config.js 'cross-env' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! @ dev: `cross-env NODE_ENV=development webpack –progress –hide- modules –config=node_modules/laravel-mix/setup/webpack.config.js` npm ERR! Exit status 1 […]
将多个文件与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(); […]
理解Laravel混合
理解Laravel混合 目前我正在将我的一个网站迁移到Laravel，以便将来可以更容易维护…我有很多与Laravel一起构buildAPI的经验，但是我使用Laravel构build网站的经验非常有限，因此我我需要从另一个职业的一点点的指导。 简而言之，如果有人能够让我几分钟的话，我将非常感谢以下非常简单的问题的答案。 基于文件的JS和CSS而不是基于应用程序 我喜欢用特定的方式写我的JS和CSS文件，每个页面都有自己特定的页面相关的文件。 例如， about.php可能具有以下依赖关系： JS： jquery.js any_other_third_party_library.js app.js （全局函数） about.js （页面特定function） CSS： some_third_party_library.css app.css （全局样式） about.css （页面特定样式） 在我自己的框架中，将上面的内容合并为一个JS文件和一个CSS文件。 据我所知，Laravel Mix就是这样做的… 不过，据我所知，这样做的方法如下： webpack.mix.js： // About mix.scripts([ 'resources/assets/js/app.js', 'resources/assets/js/about/about.js' ], 'public/js/about/about.js'); 很简单，我想知道什么; 上述正确的方法去呢？ 有没有更好，更有效的方法来自动化每页？ 什么是bootstrap.js和app.js文件？ 从我可以看到，这些文件只是加载依赖关系，但是这有点令人困惑，因为一些依赖关系可能是页面特定的…请有人可以进一步详细解释这些文件是什么？ 或者至less，他们之间有什么不同？ 摆脱Vue 我没有兴趣在我的项目中使用Vue ，所以我删除了以下文件： /components/Example.vue app.js中的vue代码 这有什么关系吗？
