相關文章

• 

  webpack/vue-cli構建速度和打包體積優(yōu)化

  webpack-bundle-analyzer 可以生成代碼分析報告，可以直觀地分析打包出的文件有哪些，及它們的大小、占比情況、各文件 Gzipped 后的大小、模塊包含關系、依賴項等 npm i -D webpackbar webpack-bundle-analyzer javascript 復制代碼 const { BundleAnalyzerPlugin } = require(\\\'webpack-bundle-analyzer\\\'); ? module.e

  2024年01月19日

  瀏覽(97)
• 

  做法一: vue-cli(webpack)配置開發(fā)環(huán)境、測試環(huán)境、生產環(huán)境

  ? ? ? ? 由于開發(fā)環(huán)境、測試環(huán)境、生產環(huán)境三者是放在不同的服務器導致請求的接口URL地址不同，所有需要配置根據不同的環(huán)境使用不同的服務器地址。 請先簡單閱讀一下官方文檔，了解一下概念 1、根目錄創(chuàng)建 .env.development 、 .env.test 、 .env.production 文件(開發(fā)、測試、生

  2024年02月07日

  瀏覽(98)
• 

  Vue開發(fā)過程中那些易混淆的知識點 vue-cli & webpack

  Vue CLI = Vue + 一堆的js插件 Vue CLI是基于 Node.js 開發(fā)出來的工具，它是一個官方發(fā)布 vue.js 項目腳手架，可以快速搭建 Vue 開發(fā)環(huán)境以及對應的 webpack 配置，單獨編譯，單獨部署?？梢栽偌筛鞣N第三方插件，擴展出更多的功能 Vue是漸近式框架，你可以用它一個功能，也可以用全

  2023年04月23日

  瀏覽(26)
• 

  Vue安裝過程的困惑解答——nodejs和vue關系、webpack、vue-cli、vue的項目結構

  本文知識來源于《Vue.js+Node.js全站開發(fā)實戰(zhàn)》，書籍下載地址：https://zlibrary-east.se/book/18202286/fed194（2023.8.31更新） 相信大家都看過下面的Vue安裝教程，首先第一步都是安裝nodejs，那么為什么要下載nodejs？https://blog.csdn.net/m0_57545353/article/details/124366678 ——因為Node.js是JavaScript的

  2024年02月10日

  瀏覽(23)
• 

  今天實習第三天，vue（vue-cli部分，webpack部分，vue-router部分，elementUI部分）

  01.創(chuàng)建第一個vue-cli。這里用的是node.js。早上的時候，就需要把node.js安裝上去 02.node.js安裝 第一步.去官網下載node.js https://nodejs.org/en 第二步.運行官網下載的node.js的msi文件（記住所有的node.js文件的安裝包都是msi文件的形式），一直都是next。最后檢查是否安裝成功，使用wind

  2024年02月16日

  瀏覽(46)
• 

  Vue-cli搭建SPA項目

  Vue CLI（Vue Command Line Interface）是一個用于快速搭建基于Vue.js的前端項目的工具。它是Vue.js官方提供的一個腳手架工具，旨在簡化Vue.js項目的開發(fā)過程。Vue CLI提供了一些強大的功能，幫助開發(fā)者輕松創(chuàng)建、開發(fā)和構建Vue.js應用程序 Vue CLI的主要特點和功能： 快速創(chuàng)建項目： V

  2024年02月07日

  瀏覽(87)

• 前端10年進化 Node.js、模塊化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue

  模塊化的概念在軟件開發(fā)領域已經存在很長時間，但在?JavaScript?中的模塊化發(fā)展相對較晚。以下是對您提出的問題的回答： 提出時間：JavaScript?中的模塊化概念相對較早地提出于?CommonJS?規(guī)范。CommonJS?是一種?JavaScript?模塊化規(guī)范，最早在?2009?年由?Ryan?Dahl?和其他社區(qū)成

  2024年02月11日

  瀏覽(25)
• 

  webpack與vue-cli合并配置，打包生產環(huán)境代碼時如何刪除所有的console.log、代碼注釋和debugger

  本文基于vue-cli 5.0.0,webpack 5.0,TerserWebpackPlugin 最近公司項目開發(fā)上線后，發(fā)現(xiàn)控制臺有很多當時測試時打印的信息。但是如果手動刪除然后打包的話工作量太大，而且不利于以后的維護和debugger。所有必須通過webpack打包時自動幫我們刪除console和注釋。 第一步上網找到webpack關于

  2024年02月04日

  瀏覽(93)

• Vue3 Flask 漸進式入門筆記

  以下均在Windows 10環(huán)境下實現(xiàn)。 安裝node.js的過程略過。 1、在cmd命令行中執(zhí)行以下命令： 2、查看vue版本 注意，如果電腦中以前有vue2版本，則需要卸載后重啟電腦再重新安裝，否則有可能安裝失敗。 1、執(zhí)行以下命令以創(chuàng)建項目 第一步需要填寫項目名稱；后面的除router建議選

  2024年02月09日

  瀏覽(17)

• Vue.js：構建用戶界面的漸進式框架

  Vue.js是一種流行的JavaScript前端框架，用于構建用戶界面。本文將介紹Vue.js的基本概念、特點、應用場景以及與其他框架的對比。 一、引言 在當今的前端開發(fā)領域，Vue.js已經成為了一個備受矚目的框架。它的簡潔、靈活和易于上手的特性使得開發(fā)人員能夠快速高效地構建用戶

  2024年01月23日

  瀏覽(28)