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目錄即...