laravel前端内容编译:小白的惨痛经历
来源:互联网 发布:面相分析软件 编辑:程序博客网 时间:2024/05/21 14:02
第一次用Laravel
,结果当然很不熟悉,所以照着教程一步步下去,很可惜的是教程是Laravel 5.1
的,我装的版本是Laravel 5.4
的,教程上说用gulp
进行编译,结果没给配置文件,我有一句MMP一定要说!
所以就结合自己以前的一点经验开始蒙了,现在总结如下:
package.json
这个可以看成是npm
的配置文件,在里面可以配置你需要的内容,这个文件是默认生成好的,但是我也还是贴一下吧:
{ "private": true, "scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch-poll": "npm run watch -- --watch-poll", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }, "devDependencies": { "axios": "^0.15.3", "bootstrap-sass": "^3.3.7", "cross-env": "^3.2.3", "jquery": "^3.1.1", "laravel-mix": "0.*", "lodash": "^4.17.4", "vue": "^2.1.10" }}
至于里面的内容是什么含义,我~不~知~道~
有这个文件之后可以看看自己有没有node_modules
文件夹,如果没有,则在该package.json
文件的路径下运行
# 这个命令是根据package.json文件安装其中所需要的文件,默认全部安装在node_modules文件夹下npm install
既然提到项目创建后缺失文件的情况,我曾经缺失过vendor
文件夹,于是就在项目根目录下运行:
# 这个命令是根据composer.json文件下载所需要的包,最后生成vendor文件夹composer install
webpack.min.js
这个文件好像laravel
设置的编译设置,内容如下:
const { mix } = require('laravel-mix');/* |-------------------------------------------------------------------------- | Mix Asset Management |-------------------------------------------------------------------------- | | Mix provides a clean, fluent API for defining some Webpack build steps | for your Laravel application. By default, we are compiling the Sass | file for the application as well as bundling up all the JS files. | */mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app.scss', 'public/css');
从这个文件可以看出,resources/assets/js/app.js
下的app.js
文件会被编译到public/js
下,resources/assets/sass/app.scss
下的app.scss
文件会被编译到public/css
下。
编译文件
原理什么的我现在还不知道,所以这里只是介绍方法,首先到你项目的根目录下,我的根目录是:var/www/laravel4
,这里再贴一张图吧:
现在应该很清除项目根目录在哪里了,就cd
到根目录下,运行下面两个命令,分别有不同的效果:
#一次性编译全部的文件npm run dev#一直开启监视,一旦原文件发生修改,则自动编译nmp run watch
上面两个命令选择其中一个进行运行,都可以把最新的设置编译到执行文件中。
详细的介绍可以看官网上的介绍,反正我是没看懂
阅读全文
1 0
- laravel前端内容编译:小白的惨痛经历
- 记:去哪儿网前端面试失败的惨痛经历~~
- 一次惨痛的经历
- 惨痛的学车经历
- 几次惨痛的面试经历
- memcpy与strcpy(strncpy)的惨痛经历
- LINUX下安装QT的惨痛经历
- LINUX下安装QT的惨痛经历
- 悲剧!中小企业惨痛的外训经历!
- 悲剧!中小企业惨痛的外训经历!
- 360校招失败的惨痛经历
- 360校招失败的惨痛经历
- 在北京创业三个月的惨痛经历
- DSP连接仿真器的惨痛经历
- 惨痛经历换来的防骗秘籍
- 用DELL的一次DEBUG惨痛经历(两天啊)
- 第一次在Linux下导出类库的惨痛经历
- 缅怀一次惨痛的网易有道面试经历
- my.cnf文件参数详解
- label标签的使用
- Pro Git
- mac_不显示任何来源选项
- MNIST数据集分析
- laravel前端内容编译:小白的惨痛经历
- Java关键字—static(静态变量、静态方法、静态类)
- linux drm 架构
- 一种优化的Genetic Algorithm —— Python实现
- cocos2dx opengl入门系列一-序言
- Moss 资料
- input 边框变色
- 窗体部件效果之设置背景色或图片
- 椭圆一般方程求解