### `vue`中，如何全局使用`scss`的變量和方法 * [文檔]（https://vue-loader.vuejs.org/en/configurations/pre-processors.html） 1. 安裝`sass-resources-loader`; 2. 在`build/utils`中加入如下代碼 ```js scss: generateLoaders('sass').concat({ loader: 'sass-resources-loader', options: { resources: path.resolve(__dirname, '../src/assets/styles/_variables.scss') } }), ``` * * * * * ### `vue`中`import jsweixin-sdk`報錯 錯誤： > `Cannot read property 'title' of undefined` 原因: 這個問題的原因是，里面在執行`this.document.title`的時候出的問題，這個`js`期望實在瀏覽器全局作用域下執行（`this`指向`window`，但是webpack之后，是在一個`function`作用域下執行，因此`this.document`為`undefined`。 解決方案如下: * 在`html`中使用`script`引入 * `webpack`有個`script-loader`可以讓模塊文件在global環境下執行 * 改源碼，將`jweixin-1.2.0.js`中第一個`this`改為`window` * * * * * ### `webpack`使用`ip`訪問 > 在 npm run dev 時添加參數 --host 0.0.0.0即可。 * * * * * ### `pro.env.js`中設置動態參數 ```js let version = process.env.npm_package_version.toString(); module.exports = { NODE_ENV: '"production"', VERSION: JSON.stringify(version)//這里需要使用josn.stringify轉為字符串，不然會報錯 } ```