npm init -y //本地安裝gulp(全域性已經安裝過了)
npm init -y -g//全域性安裝gulp
建立 gulpfile.js 檔案
gulpfile.js : var gulp = require(『gulp』) //引入gulp
npm i gulp-webserver -d //安裝伺服器
var webserver = require('gulp-webserver');
//啟動 webserver webserver是個任務名
gulp.task('webserver',function
(), livereload: true
}))})
15.// 編譯scss
gulp.task('packscss', function
() ).
//用來拷貝html檔案
gulp.task('copyhtml', function
() )
17 .npm i gulp-webpack -d //安裝gulp-webpack包@import
"./reset.scss"
; @import
"./section.scss"
; @import
"./header.scss"
; @import
"./footer.scss"
;
18.var webpack = require('gulp-webpack')
19. npm i imports-loader -d //安裝支援webpack的包
19.1 npm i vinyl-named -d
19.2 var named = require(『vinyl-named』) //用來取檔名,和loader一起用
20.
21.拆分js檔案// 引入gulp-webpack, 實現commonjs 模組化開發
gulp.task('packjs', function
() ,
module: ]}
})).pipe(gulp.dest('./dev/scripts')) //將編譯後生成的js檔案存放的位置
console.log("packjs.");
})
yo:定義模組--->暴露介面---> 引用 --->呼叫
每乙個js檔案就是乙個定義的模組
nane.js:
...... module.exports = something//用來暴露介面
var st =
require('name.js的路徑');//引用name.js
//require語句瀏覽器不支援,所以需要用webpack轉換
//切忌檔案之間相互呼叫,
//可以多個檔案形成鏈式呼叫
會在根目錄下生成乙個yo檔案,不要可以刪從node_moduls取出style,為了和gulpfile中配置的檔名相同,將style改名為 styles
建立乙個專案
如果這是你第一次使用django 你將不得不注意一些初始化步驟。你將需要自動生成一些 來建立乙個 django 專案 它是乙個針對 django 例項的設定的收集,包括資料庫設定,特定 django 的選項和特定應用程式的選項。從命令列,cd 到你想儲存你 的目錄,然後使用下列命令 這將會在你當前目...
使用Vue建立乙個新專案
保證已經安裝好了node npm vue等工具,將路徑設定為想要建立新專案的資料夾路徑 2 關於npm與cnpm npm包管理器,是整合在node中的,node環境安裝完成,npm包管理器也有了。由於有些npm有些資源被遮蔽或者是國外資源的原因,經常會導致後面用npm安裝依賴包的時候失敗,所有我還需...
建立乙個symfony專案
config i18n lib modules templates 在專案web目錄裡還會建立這個應用程式的兩個預設環境對應的前端控制器的php檔案 web index.php 均可訪問 把網頁目錄命名為www 來取代web 並且不允許你修改httpd.conf而只允許你修改在網頁目錄中的.htac...