使用gulp建立乙個專案

2021-08-09 04:32:57 字數 1701 閱讀 8012

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

}))})

// 編譯scss

gulp.task('packscss', function

() ).

15.

//用來拷貝html檔案

gulp.task('copyhtml', function

() )

@import

"./reset.scss"

; @import

"./section.scss"

; @import

"./header.scss"

; @import

"./footer.scss"

;

17 .npm i gulp-webpack -d //安裝gulp-webpack包

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.

// 引入gulp-webpack, 實現commonjs 模組化開發

gulp.task('packjs', function

() ,

module: ]}

})).pipe(gulp.dest('./dev/scripts')) //將編譯後生成的js檔案存放的位置

console.log("packjs.");

})

21.拆分js檔案

定義模組--->暴露介面---> 引用 --->呼叫

每乙個js檔案就是乙個定義的模組

nane.js:

...... module.exports = something//用來暴露介面

var st =

require('name.js的路徑');//引用name.js

//require語句瀏覽器不支援,所以需要用webpack轉換

//切忌檔案之間相互呼叫,

//可以多個檔案形成鏈式呼叫

yo:

會在根目錄下生成乙個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...