1、在專案根目錄執行npm init -y命令快速初始化專案
2、在專案根目錄建立 src 源**目錄和 dist 產品目錄
3、在src目錄下建立index.html檔案
4、使用npm安裝webpack,webpack-cli, 執行如下命令即可
npm i webpack webpack-cli -dmodule.exports =webpack
// 在每次修改**後都需要執行 webpack 命令重新打包後才可生效，我們一般希望每次修改**儲存後就可打包完成，而不是每次都需要執行 webpack命令，由此引入 webpack-dev-server 外掛程式
webpack-dev-server實時打包
webpack-dev-server 打包好的main.js是託管到了記憶體中，所以在專案中有乙個看不見的main.js
安裝webpack-dev-server,執行如下命令
npm i webpack-dev-server -d"scripts":npm run dev命令啟動專案，執行在localhost:8080,這時index.html檔案中js檔案引入應改為這時想訪問index.html檔案需要訪問位址localhost:8080/index.html,我們希望localhost:8080位址能夠直接訪問到index.html 則需要借助html-webpack-plugin
webpack.config.js
const path = require('path') // 引入path 模組，後續會用到
const htmlwebpackplugin = require('html-webpack-plugin') // html-webpack-plugign 是node 中的乙個模組，可直接用require引入
然後建立 htmlwebpackplugin 的例項物件
const htmlplugin = new htmlwebpackplugin()
plugins: [htmlplugin] // 外掛程式放到webpack.config.js的配置物件中
npm run dev即可在localhost:8080中訪問到index.html的內容 webpack建立vue專案
title webpack建立vue專案 tag webpack,vue,前端 歡迎檢視我的部落格 永無島 node v 10.4.0 npm v 6.1.0 檢視本專案原始碼請移步這裡 新建專案目錄 進入cmd,cmd目錄指定到專案目錄 mkdir myvuetest cd myvuetest 建...
使用webpack建立vue專案
在使用webpack建立vue專案時，你需要先將下面開發環境搞定。進入想要建立專案的目錄，右鍵開啟cmd，輸入建立命令，my project為專案的名字，可以自行修改，但是不得包含大寫字母。vue init webpack my project 建立選項設定，下面為經過一步驟後會出現的建立選項。如果...
iOS專案建立步驟
摘要 做專案有段時間，初學者可能ios專案步驟是很重要的。目前專案會引用第三方的庫。經常用的一些網路請求，請求，上下重新整理框架，不勝列舉 有大神總結的ios mac開源專案及庫點這裡鏈結。本次試驗將是結合cocoapods,一步步建立專案。開始建立專案步驟 sourcetree新建乙個目錄，用於控...