webpack開始乙個專案的步驟

這幾天在學習vue  用到了webpack打包工具  開始乙個專案的時候  需要配置很多項  剛開始寫的時候  配置檔案總是缺什麼再去配置什麼  建立專案就用了半個小時  後來覺得應該有個步驟  這樣才知道下一步該幹什麼  提高效率  所以把webpack開始乙個新工程的步驟總結一下  以後忘了可以按照這個來

1  建立空資料夾

2  執行 npm init -y

3  建立基本目錄

|webpack.config.js(檔案)

|.babelrc(檔案)
|dist(目錄)
|src(目錄)
|index.html（檔案）
|main.js（檔案）
|css(目錄)
|index.css（檔案）

npm i webpack webpack-cli webpack-dev-server -d

npm i html-webpack-plugin -d

5 安裝css的loader

npm i style-loader css-loader -d

const path = require('path')

const htmlwebpackplugin = require('html-webpack-plugin')
module.exports =,
output:,
module:]},
plugins:[
newhtmlwebpackplugin()]}

npm i babel-core [email protected] babel-plugin-transform-runtime -d

npm i babel-preset-env babel-preset-stage-0 -d

npm i babel-core [email protected] babel-plugin-transform-runtime -d

npm i babel-preset-env babel-preset-stage-0 -d

"dev": "webpack-dev-server --open --port 3000 --contentbase src --mode=development --hot"

開始乙個專案

好久沒有做開發了，最近準備找個感興趣的事來做一下。現在物聯網可做的東西比較多，我也選乙個，做乙個環境引數的採集，通過感測器將空氣中的部分引數採集下來，通過網路傳輸的後台伺服器上，在伺服器上做乙個簡單的展示頁面，並對外提供開發介面。ok，那就開始了。首先，確定框架，前端採集，通過網路傳輸到伺服器。其次...

Angularjs 第一步開始乙個專案

angularjs 是2009 年興起的，目前由google 維護乙個採用mvc 模式的js 框架，很多時候用來建立單頁面應用。我也經常將其和phonegap 通常 可以這樣 index.html 第乙個js 檔案 angular.js 是核心檔案，必須有。而其他angular js 都是功能檔案，...

乙個專案的感想

去年真正做了乙個專案，有些感言，寫下來，為以後作專案積累經驗。這個專案很簡單，但是從這個較簡單的專案中，我體會了很多，其中包括對使用者需求的理解 自己的做事風格的反省 專案實施的情況。首先，我談談專案的情況 這個專案是乙個資訊發布系統，很簡單吧，但是，其中有一方面是規章搜尋，並且要生成規章成冊。而且...