原创 webpack warning : 入口點大小超過了建議的限制(244kB)

報錯: WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact we

原创 使用 Webpack4.0 打包組件庫併發布到 npm

本文將會介紹如何將自己寫的組件庫打包成第三方庫,發佈到 npm 上,同時支持在原生 js / React/ Vue 下使用。Webpack4 的升級指南可以參考下 Webpack4.0 升級配置,本文不做贅述。 使用 Webpack4.0

原创 Webpack4使用 mini-css-extract-plugin 最新版 壓縮css 報 “Invalid value used in weak set

因爲webpack4不兼容 mini-css-extract-plugin 最新版 解決方案: 把 mini-css-extract-plugin 降低版本到1.6.2 yarn add -D mini-css-extract-plugi

原创 highlight.js的簡單使用

介紹highlight 支持176語言和79樣式 自動語言檢測 可用於node 下載使用 下載地址 可以根據自己的需要,選擇支持相應的語言 libragy API highlight(name, value, ignore_ille

原创 path.resolve、__dirname、path.join()

__dirname 總是指向被執行 js 文件的絕對路徑 比如你在 /a1/a2/test.js文件裏寫代碼,那麼此時__dirname就是/a1/a2 __filename指定的是絕對文件路徑   path.join()方法是將

原创 安裝vuex 啓動 報錯 “export ‘watch‘ was not found in ‘vue‘

    如果你的vue版本是 2.X ,將vuex升到 3.X.X 就能夠解決 npm install --save [email protected] 如果你的vue版本是 3.X ,將vuex升到 4.X.X 就能夠解決  npm insta

原创 使用Vue.js加sass時遇到 Invalid CSS after ".xxx{": expected "}", was "{" 錯誤的解決方法

解決方法 1這個問題涉及到 sass 和 scss 的區別。sass 的語法規則是一種縮進語法。而 scss 語法與 css 語法相近,使用大括號。上面那個例子中,home.vue 文件中的 style 標籤,lang 屬性設置成了 sas

原创 webpack3升級webpack4

爲了優化包體積大小,想要將老項目的webpack3升級到webpack4,再升級到webpack5    一、升級版本1、webpack ^3.1.0 => ^4.29.62、webpack-cli ^3.1.2 => ^3.3.03

原创 VUE——如何兼容IE9|IE10|IE11瀏覽器

前言 微軟爸爸都把IE幹掉了,還有客戶在用,木得辦法啊 內容 安裝babel-polyfill插件 npm install --save babel-polyfill 在main.js中引入babel-polyfill

原创 VUE項目中,main.js引入scss文件時報錯

好記性不如爛筆頭 當我們在src目錄下創建.scss文件,並在main.js中引用,運行時會報: ERROR Failed to compile with 1 errors 5:25:07 PM This relative module

原创 echart基礎地圖寫法

1.引入中國地圖的json(具體哪裏整來的,我已經忘記了); 2.註冊進echarts // 註冊區域地圖 import china from '@/utils/china.json'; echarts.registerMap('chin

原创 npm 的 --unsafe-perm 參數是有何作用呢?

npm 出於安全考慮不支持以 root 用戶運行, 即使你用 root 用戶身份運行了,npm 會自動轉成一個叫 nobody 的用戶來運行,而這個用戶幾乎沒有任何權限。   這樣的話如果你腳本里有一些需要權限的操作,比如寫文件(尤其是寫

原创 iframe嵌套頁面訪問被拒絕

    在frame嵌套頁面的時候被拒絕了,拒絕原因是Header頭中的X-Frame-Options屬性的值爲‘deny’,這個機制是爲了防止站點被劫持,需要Nginx修改一下X-Frame-Options 解決: 這個問題需要修改Ng

原创 常用軟件工具收藏

自動生成手機號碼 https://uutool.cn/phone-generate/   後續會持續更新 點贊👍+關注我吧~ 我只想成爲更好的自己

原创 使用require.context引入模塊

const modules = require.context('./', true, /(\/index\.js$)/), blacklist = [ // 黑名單配置:組件name值 ]; let