1 建立基本的webpack專案

2021-09-25 07:22:56 字數 878 閱讀 3125

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 建...