Vue引入Stylus知識(shí)點(diǎn)總結(jié)

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

我們一直強(qiáng)調(diào)做網(wǎng)站、網(wǎng)站建設(shè)對(duì)于企業(yè)的重要性,如果您也覺(jué)得重要,那么就需要我們慎重對(duì)待,選擇一個(gè)安全靠譜的網(wǎng)站建設(shè)公司,企業(yè)網(wǎng)站我們建議是要么不做，要么就做好,讓網(wǎng)站能真正成為企業(yè)發(fā)展過(guò)程中的有力推手。專(zhuān)業(yè)網(wǎng)站制作公司不一定是大公司,創(chuàng)新互聯(lián)公司作為專(zhuān)業(yè)的網(wǎng)絡(luò)公司選擇我們就是放心。

首先，先確定項(xiàng)目中是否有path模塊：

如果沒(méi)有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"));
 },
}

項(xiàng)目開(kāi)發(fā)階段經(jīng)常需要console一些測(cè)試數(shù)據(jù)，查看開(kāi)發(fā)過(guò)程中遇到的問(wèn)題，但生產(chǎn)環(huán)境中這些console數(shù)據(jù)需要清掉，以前操作是項(xiàng)目配置一個(gè)全局的標(biāo)志，判斷是否打印console數(shù)據(jù)，近期發(fā)現(xiàn)一個(gè)更簡(jiǎn)便的方法，通過(guò)webpack配置生產(chǎn)環(huán)境自動(dòng)清除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的全部知識(shí)點(diǎn)，感謝大家的學(xué)習(xí)和對(duì)創(chuàng)新互聯(lián)的支持。

網(wǎng)頁(yè)題目：Vue引入Stylus知識(shí)點(diǎn)總結(jié)
網(wǎng)址分享：http://muchs.cn/article26/isggjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、企業(yè)網(wǎng)站制作、自適應(yīng)網(wǎng)站、App開(kāi)發(fā)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)