如何在nuxt.js中爲觸控筆定義默認導入

我將各種助手（mixins，vars，函數）自動導入到我的組件中，以確保它們始終可供我和我的團隊使用。如何在nuxt.js中爲觸控筆定義默認導入

當前我使用vue-cli webpack模板並導入這些幫助程序，我在webpack.base.js配置中設置了手寫筆導入選項，如下所示;

stylus: { import: ['~stylus/common.styl'] }

我已經無法弄清楚如何與nuxt.js做到這一點，我提出了一個issue這件事，被告知使用的生成擴展方法。

這並沒有工作，因爲我然後收到來自webpack本身的錯誤;

WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

因此，隨着webpack v2.2.0帶來的變化，我該如何應用我的手寫筆選項？

來源

2017-01-20 Phunky

Webpack 2稍微改變了語法。頂級Webpack配置中沒有stylus密鑰，您的stylus-loader配置下有一個options密鑰。所以你應該使用類似的東西：

... 
{ 
    loader: 'stylus-loader', 
    options: { 
    import: ['~stylus/common.styl'] 
    } 
} 
...

Here's a solution對於與不同的加載程序相同的問題。

來源

2017-01-21 18:51:05 mzgajner

問題是我沒有直接訪問與nuxt.js的webpack配置，他們提供了一個入口點來擴展webpack配置。它看起來像我想推新的webpack.LoaderOptionsPlugin到配置的插件部分...手指交叉 – Phunky

對不起，我錯誤地認爲你有直接訪問，因爲你寫了_I在webpack中設置手寫筆導入選項。 base.js_。但是，正如你發現的那樣，'LoaderOptionsPlugin'是做同樣事情的另一種方式。 – mzgajner

可悲的是仍然無法正常工作，它看起來可能是手寫筆加載器上的一些東西，但我不太確定。 nuxt.js傢伙已經通過了降壓，所以我不得不等待，看看會發生什麼。 – Phunky

如何在nuxt.js中爲觸控筆定義默認導入

回答

相關問題