摘要:一基礎配置在這個文件進行我們打包的配置項,這個文件是的默認配置文件可以作為自定義配置如果不填寫直接打包會不走默認配置。
一、webpack 基礎配置
1.webpack.config.js 在這個文件進行我們打包的配置項,這個文件是webpack的默認配置文件可以作為自定義配置(如果不填寫直接打包會不走默認配置)。 如果想要多帶帶使用自己命名字文件打包可以運行 npx webpack config xxx.js,指向自定義打包配置文件 配置參數(shù): entry:"./index.js" //入口文件 你想要打包的文件 const path = require("path"); module.exports={ //打包環(huán)境 production 打包生產(chǎn)代碼壓縮,development開發(fā)環(huán)境 mode:"development", //入口文件 entry:{ main:"./index.js" }, //輸出文件 output:{ filename:"main.js",//輸出文件名字 //__dirname:node中全局變量,存儲的是文件所在的文件目錄 //引入的path是nodejs的核心方法 //http://nodejs.cn/api/path.html#path_path_resolve_paths //path.resolve() 方法將路徑或路徑片段的序列解析為絕對路徑 path:path.resolve(__dirname,"jkDist"),//輸出文件夾位置和文件夾名字 publicPath:"./"http://基礎資源路徑應以 /結(jié)尾 } } 當運行npm run dev的時候: devServer會將資源打包好放到計算機內(nèi)存,然后先訪問內(nèi)存資源(devServer的publicPath配置決定,如果devServer中publicPath省略,會讀取output中的publicPath)的index.html,訪問不到就會去本地目錄( devServer的contentBase配置決定)查找index.html。
二、package.json
1.初始配置 { "name": "webpack-demo",//項目名稱 "version": "1.0.0",//版本號 "description": "",//描述 "private": true,//項目是否私有的,不希望發(fā)布在npm管理平臺 "main": "index.js",//對外暴露的入口文件,一般不獨立項目不寫 "scripts": {//webpack 命令 "test": "echo "Error: no test specified" && exit 1", "dev": "webpack" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": {//本地開發(fā)依賴的模塊 "webpack": "^4.0.1", "webpack-cli": "^2.0.9" }, "dependencies": {}//生產(chǎn)所依賴的模塊 }
--by JK 2019 06 11 學習筆記
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/104581.html
閱讀 2895·2021-11-24 09:39
閱讀 1157·2021-11-02 14:38
閱讀 4141·2021-09-10 11:26
閱讀 2743·2021-08-25 09:40
閱讀 2303·2019-08-30 15:54
閱讀 477·2019-08-30 10:56
閱讀 2738·2019-08-26 12:14
閱讀 3211·2019-08-26 12:13