## :-: vue.config.js (配置文件)
```
// 更改了配置文件要重新編譯打包
// webpack用的是node環境,不能使用import,要用require
const webpack = require("webpack");
const path = require("path");
module.exports = {
// productionSourceMap -- 是否打包map文件(映射文件,作用是調試時會顯示錯誤在第幾行。上線后用不著)
productionSourceMap: false,
// outputDir -- 設置輸出目錄 默認(dist)、
outputDir: "./myDist",
// publicPath -- 設置資源目錄 (開發環境'/'、生產環境'./')
// process.env.NODE_ENV 可以判斷是否為生產環境
publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
// assetsDir -- 配置資源存放的位置(js、css、img)
assetsDir: "assets",
// chainWebpack -- 給路徑配置別名
chainWebpack: config => {
config.resolve.alias.set("@v", path.resolve(__dirname, "src/views"));
},
// ------------------------------------------------------------------------------------------
// devServer -- 設置axios代理(axios插件)
devServer: {
// http://localhost:8080
open: true,
host: 'localhost',
port: 8080,
https: false,
//以上的ip和端口是我們本機的;下面為需要跨域的
proxy: {//配置跨域
'/api': {
target: 'https://www.baidu.com',//這里后臺的地址模擬的;應該填寫你們真實的后臺接口
ws: true,
changOrigin: true,//允許跨域
pathRewrite: {
'^/api': ''//請求的時候使用這個api就可以
}
}
}
},
//configureWebpack 是Vue CLI3.0 中用于配置 webpack 插件參數的地方,你在這里設置,會新建或者覆蓋 webpack 默認配置。
//webpack ProvidePlugin 的含義是創建一個全局的變量,使這個變量在 webpack 各個模塊內都可以使用。這里的配置含義是創建 '$'、'jQuery'、'window.jQuery' 三個變量指向 jquery 依賴,創建 'Popper' 變量指向 popper.js 依賴。
configureWebpack: {
// 在這里面就像寫真正的webpack一樣,來配置
// plugins -- 插件
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery",
Popper: ["popper.js", "default"]
})
]
// module -- 模塊
// module: {}
},
// 將less樣式注入到全局、
pluginOptions: {
"style-resources-loader": {
preProcessor: "less",
patterns: [
// 要全局引入的樣式文件
path.resolve(__dirname, "src/xxx.less")
]
}
}
};
```
- 前端工具庫
- HTML
- CSS
- 實用樣式
- JavaScript
- 模擬運動
- 深入數組擴展
- JavaScript_補充
- jQuery
- 自定義插件
- 網絡 · 后端請求
- css3.0 - 2019-2-28
- 選擇器
- 邊界樣式
- text 字體系列
- 盒子模型
- 動圖效果
- 其他
- less - 用法
- scss - 用法 2019-9-26
- HTML5 - 2019-3-21
- canvas - 畫布
- SVG - 矢量圖
- 多媒體類
- H5 - 其他
- webpack - 自動化構建
- webpack - 起步
- webpack -- 環境配置
- gulp
- ES6 - 2019-4-21
- HTML5補充 - 2019-6-30
- 微信小程序 2019-7-8
- 全局配置
- 頁面配置
- 組件生命周期
- 自定義組件 - 2019-7-14
- Git 基本操作 - 2019-7-16
- vue框架 - 2019-7-17
- 基本使用 - 2019-7-18
- 自定義功能 - 2019-7-20
- 自定義組件 - 2019-7-22
- 腳手架的使用 - 2019-7-25
- vue - 終端常用命令
- Vue Router - 路由 (基礎)
- Vue Router - 路由 (高級)
- 路由插件配置 - 2019-7-29
- 路由 - 一個實例
- VUEX_數據倉庫 - 2019-8-2
- Vue CLI 項目配置 - 2019-8-5
- 單元測試 - 2019-8-6
- 掛載全局組件 - 2019-11-14
- React框架
- React基本使用
- React - 組件化 2019-8-25
- React - 組件間交互 2019-8-26
- React - setState 2019-11-19
- React - slot 2019-11-19
- React - 生命周期 2019-8-26
- props屬性校驗 2019-11-26
- React - 路由 2019-8-28
- React - ref 2019-11-26
- React - Context 2019-11-27
- PureComponent - 性能優化 2019-11-27
- Render Props VS HOC 2019-11-27
- Portals - 插槽 2019-11-28
- React - Event 2019-11-29
- React - 渲染原理 2019-11-29
- Node.js
- 模塊收納
- dome
- nodejs - tsconfig.json
- TypeScript - 2020-3-5
- TypeScript - 基礎 2020-3-6
- TypeScript - 進階 2020-3-9
- Ordinary小助手
- uni-app
- 高德地圖api
- mysql
- EVENTS
- 筆記
- 關于小程序工具方法封裝
- Tool/basics
- Tool/web
- parsedUrl
- request