npm init //快速初始化專案
npm i webpack webpack-cli -d 需安裝webpack-cli,webpack命令需使用命令列工具
module.exports=
新建webpack.config.js,src->index;webpack是基於node構建的,支援所有nodeapi,向外暴露乙個物件,webpack會拿到該物件。在webpack4.x中,約定大於配置,約定預設打包入口路勁預設是src->index…js
新建src-> index.js
"scripts": ,
執行npm run start//執行打包,打包成功。
npm i webpack-dev-server
"scripts": ,npm run dev
localhost:8080
匯入在記憶體中自動生成index.html的外掛程式,並且自動引入打包的js檔案
npm i html-webpack-plugiu//安裝html-webpack-plugiu
const path = require('path');
const htmlwebpackplugin = require('html-webpack-plugin');
//建立乙個外掛程式的例項物件
const htmlplugin = new htmlwebpackplugin();
module.exports=;
建立基本的webpack4 x專案
執行npm init y快速初始化專案 在專案根目錄建立src源 目錄和dist產品目錄 在 src 目錄下建立index.html 使用 cnpm 安裝 webpack 執行cnpm i webpack webpack cli d 如何安裝cnpm 全域性執行npm i cnpm g 注意 web...
webpack專案建立步驟
1 在專案根目錄執行npm init y命令快速初始化專案 2 在專案根目錄建立 src 源 目錄和 dist 產品目錄 3 在src目錄下建立index.html檔案 4 使用npm安裝webpack,webpack cli,執行如下命令即可 npm i webpack webpack cli d...
webpack建立vue專案
title webpack建立vue專案 tag webpack,vue,前端 歡迎檢視我的部落格 永無島 node v 10.4.0 npm v 6.1.0 檢視本專案原始碼請移步這裡 新建專案目錄 進入cmd,cmd目錄指定到專案目錄 mkdir myvuetest cd myvuetest 建...