@webpack2 / 博客 RSS 訂閱

Mar 30 2017

wayneli - 【VUE + SPA】接口跨域, 攜帶cookie 的解決方案

背景 由於歷史原因，一個站點需要做成完全的SPA應用是非常困難的, 但我們可以在一些比較獨立的業務中使用SPA, 每個SPA應用相互獨立. 這樣在用webpack打包的時候其實是會加快效率，同時不同的業務的依賴也可以不一樣, 方便以後維護. 思考 當我在使用 vue + webpack 開發單頁面的時候，主機host是 localhost, 端口是 8080(可自行更改). 但我的本地開發站

vue.js , httproxy , webpack2

收藏 評論

Nov 06 2025

撒網要見魚 - Webpack入門之遇到的那些坑，系列示例Demo

前言 2017/12/18/更新 已經有一段時間沒有更新webpack了，從現在的角度看，文章有一部分內容也是不夠成熟，後續還是會繼續梳理更新的。 網上關於webpack的教程已經數不勝數了，也無意再重新寫一篇複製文。但是實際操作過程中，發現各種教程版本都不一致，有的教程已經過時了，有的教程模糊不清，因此還是遇到了各種問題，因此特將自身實際操作過程中遇到的問題記錄下來，並附上相應的示例dem

faq , webpack入門 , webpack2

收藏 評論

Nov 06 2025

夢動 - 基於vue2.0 +vuex+ element-ui 後台管理系統

xxx金融後台管理系統 A magical vue element touzi admin. 效果演示地址 github地址 About 此項目是 vue2.0 + element-ui + node+mongodb 構建的後台管理系統，所有的數據都是從服務器實時獲取的真實數據，具有真實的註冊、登錄、數據顯示、新增數據、修改數據、刪除數據等功能。 如果對您對此項目有興趣，可以點

vue.js , vue-router , node.js , vuex , webpack2

收藏 評論

Nov 06 2025

Yanglinxiao - 詳解CommonsChunkPlugin的配置和用法

簡介 CommonsChunkPlugin主要是用來提取第三方庫和公共模塊，避免首屏加載的bundle文件或者按需加載的bundle文件體積過大，從而導致加載時間過長，着實是優化的一把利器。 先來説一下各種教程以及文檔中CommonsChunkPlugin提及到chunk有哪幾種，主要有以下三種： webpack當中配置的入口文件（entry）是chunk，可以理解為entry chunk

webpack3 , webpack , webpack2

收藏 評論

Nov 06 2025

風雨後見彩虹 - vue+vuecli+webapck2項目配置文件詳解

1.文件結構 ├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-loader.conf.js │ ├─webpack.base.conf.js │ ├─webpack.dev.conf.js │ ├─webpack

vue.js , 配置文件 , vue-cli , webpack2

收藏 評論

Nov 06 2025

風雨後見彩虹 - vue+vuecli+webapck2實現多頁面應用

準備工作 在本地用vue-cli新建一個項目，首先安裝vue-cil，命令： npm install -g vue-cli 新建一個vue項目,創建一個基於"webpack"的項目,項目名為vuedemo： vue init webpack vuedemo 這裏有一個地方需要改一下，在執行npm install命令之前，在package.json裏添加一個依賴,後面會用到。 修改webpa

vue.js , 多頁面應用 , vue-cli , webpack2

收藏 評論

Nov 06 2025

Nine - Webpack小技巧-公共組件引用路徑簡化

日常開發中，我們會常常把一些功能提取出來，包裝成一個公共模塊或者組件，供不同地方使用，但是隨着項目不斷變大，項目目錄不斷變深，我們引用公共組件的路徑越來越長！ 例如：引用一個公共模塊 import Menu from '../../../../../components/Menu'; // 這裏路徑太深，很容易寫錯 我們該怎麼優化尼？ 解決方案1：使用webpack的resolve.alias屬性

webpack3 , webpack , webpack入門 , webpack2 , 前端

收藏 評論

Nov 06 2025

小野 - webpack的可視化資源分析工具webpack-bundle-analyzer的使用

隨着項目越來約龐大，導致構建包的時候速度緩慢！ 首先推薦使用wepback的可視化資源分析工具。以下給出webpack-bundle-analyzer配置【vue-cli構建項目時會自動配置好】 安裝webpack-bundle-analyzer 控制枱輸入npm/cnpm install --save-dev webpack-bundle-analyzer config/i

vue.js , webpack2 , Javascript

收藏 評論

Nov 06 2025

前端陳晨 - webpack2-3基本配置

const path = require('path') const webpack = require('webpack') const ExtractTextPlugin = require('extract-text-webpack-plugin') var htmlWebpackPlugin = require("html-webpack-plugin"); module.exports

webpack3 , webpack , webpack2

收藏 評論

Nov 06 2025

浪遏飛舟 - webapck自動部署plugin

不説廢話，直接上貨。 webpack打包後自動部署插件：webpack-auto-upload-j 插件項目地址：https://github.com/jiangji1/w... 在項目中安裝該模塊 npm i webpack-auto-upload-j --save-dev webpack導入插件並配置 const WebpackAutoUploadJ = require('webpack-au

plugin , webpack2

收藏 評論