Vue引入Stylus知識點總結

項目中使用引入文件有時候路徑比較深，需要使用"../../../xx.js"這種類似的路勁引入，這種方式比較笨，可以使用webpack的別名alias配置來解決。

我們一直強調做網站、網站建設對于企業的重要性,如果您也覺得重要,那么就需要我們慎重對待,選擇一個安全靠譜的網站建設公司,企業網站我們建議是要么不做，要么就做好,讓網站能真正成為企業發展過程中的有力推手。專業網站制作公司不一定是大公司,創新互聯公司作為專業的網絡公司選擇我們就是放心。

首先，先確定項目中是否有path模塊：

Vue引入Stylus知識點總結

如果沒有path模塊需要先安裝path

npm install path --save

以下為vue.config.js配置

const path = require("path");
function resolve(dir) {
 return path.join(__dirname, dir);
}

module.exports = {
 chainWebpack: config => {
  config.resolve.alias
   .set("@", resolve("src"))
   .set("assets", resolve("src/assets"))
   .set("components", resolve("src/components"))
   .set("base", resolve("baseConfig"))
   .set("public", resolve("public"));
 },
}

項目開發階段經常需要console一些測試數據，查看開發過程中遇到的問題，但生產環境中這些console數據需要清掉，以前操作是項目配置一個全局的標志，判斷是否打印console數據，近期發現一個更簡便的方法，通過webpack配置生產環境自動清除console。

首先，安裝uglifyjs-webpack-plugin插件：

npm install uglifyjs-webpack-plugin --save

其次，在vue.config.js文件引入插件。

最后，配置configureWebpack如下代碼：

const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); // 引入插件

module.exports = {
 configureWebpack: {
  optimization: {
   minimizer: [
    new UglifyJsPlugin({
     uglifyOptions: {
      compress: {
       warnings: false,
       drop_console: true, //console
       drop_debugger: false,
       pure_funcs: ["console.log"] //移除console
      }
     }
    })
   ]
  }
 },
}

以上就是本次介紹的Vue引入Stylus的全部知識點，感謝大家的學習和對創新互聯的支持。

網頁題目：Vue引入Stylus知識點總結
網址分享：http://m.newbst.com/article26/isggjg.html

成都網站建設公司_創新互聯，為您提供搜索引擎優化、企業網站制作、自適應網站、App開發、動態網站、網站設計

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

Vue引入Stylus知識點總結