webpack4 x專案的建立

2021-09-24 22:31:19 字數 440 閱讀 8003

1.執行npm init -y快速初始化專案

2.在專案根目錄下建立src源**目錄和dist產品目錄

3.在src目錄下建立index.html

4.使用cnpm安裝webpack,執行cnpm i webpack webpack-cli -d(全域性執行npm i cnpm -g)

5.建立webpack.config.js檔案,

//向外暴露乙個打包的配置物件,因為webpack是基於node構建的,所以webpack支援所有node api和語法

module.exports=,use: 'babel-loader',exclude:/node_modules/}

export default{}        //es6語法

import .. from '/......'   //es6語法,node不支援,webpack自然也不支援

建立基本的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 4 x安裝命令

執行npm i webpack g全域性安裝webpack,這樣就能在全域性使用webpack的命令 在專案根目錄中執行npm i webpack安裝到專案依賴中 執行npm init y初始化專案 建立專案基本的目錄結構src 和 dist,在src裡新建index.html 使用npm i jq...

webpack 4 X 基礎編譯

webpack4.x的打包已經不能用webpack 檔案a 檔案b的方式,而是直接執行webpack mode development或者webpack mode production,這樣便會預設進行打包,入口檔案是 src index.js 輸出路徑是 dist main.js 其中src目錄即...