最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時(shí)間：2020年01月16日 15:58:56   作者：清風(fēng)徐來(lái)。  
在本篇文章里小編給各位整理的是一篇關(guān)于Vue引入Stylus知識(shí)點(diǎn)總結(jié)內(nèi)容，有需要的朋友們可以學(xué)習(xí)參考下。

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

首先，先確定項(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ì)腳本之家的支持。

相關(guān)文章

最新評(píng)論

高陵县| 茌平县| 荆门市| 观塘区| 铁岭市| 平武县| 大理市| 乐平市| 远安县| 洞口县| 莎车县| 武平县| 陵川县| 广宁县| 独山县| 砀山县| 若羌县| 库尔勒市| 孟津县| 许昌县| 砀山县| 泾源县| 磐石市| 新郑市| 龙泉市| 淄博市| 宽城| 郑州市| 光山县| 霍州市| 南开区| 镇安县| 东城区| 思茅市| 屏东县| 湘潭市| 上饶县| 文登市| 咸宁市| 灵武市| 天长市|