爲 wxa.js 構建的小程序移除 scss 依賴

wxa.js 默認使用的樣式語言是 scss，因此其默認建立的項目就會要求安裝 node-sass，但因爲 node-sass 依賴了 binding.node 等包，致使經常會出現 node-sass 安裝失敗的問題。

若是你並無在項目中使用 scss ，則能夠考慮將你項目種的 node-sass 移除，從而縮小項目的依賴體積，提高項目安裝成功的機率。

思路

因爲 wxa 默認使用了 scss，所以，咱們須要移除項目中針對 scss 的配置，並移除代碼中的 scss ，這樣才能保證後續在編譯的過程當中，不會調用 node-sass 的依賴。

步驟

1. 移除 wxa.config.js 中關於 scss 的配置

在 wxa 的默認配置中，配置了 sass/scss 的依賴，咱們若是不移除這個依賴，就會致使後續在構建的時候，自動安裝相關依賴。

所以，咱們須要在 wxa.config.js 中添加 use 相關配置，且僅保留 babel 做爲依賴，具體修改以下：

module.exports = {
    plugins: [
        new ReplacePlugin({
            list: envlist,
        }),
    ],
    // 你的其餘配置
    use: [
        {
            test: /\.js$/,
            name: 'babel',
        },
    ],
    // 你的其餘配置
};

1. 移除項目中標記爲 Scss 的語言

在移除了 wxa.js 的構建依賴後，接下來須要移除代碼中關於 scss 的標示，從而使咱們的代碼能夠被正確的渲染工具所渲染。具體修改以下所示，右側爲修改後的結果

1. 移除 package.json 中的 相關依賴。

當咱們完成了上述的操做以後，就能夠放心的移除系統中關於 sass 的依賴了，從而減小整個項目的體積和對 node-sass 的依賴。

你只須要執行以下的命令，就能夠移除項目中關於 sass 的依賴了。

npm uninstall @wxa/compiler-sass
// 或者
yarn remove @wxa/compiler-sass

總結

scss是一個好的語言，但 node-sass 卻不是一個好的工具，若是你不使用它，不妨將其移除，提高你的項目構建速度。