構(gòu)建問題

主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機版網(wǎng)站建設(shè)）、響應式網(wǎng)站、程序開發(fā)、微網(wǎng)站、成都小程序開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運作于一體，具備承接不同規(guī)模與類型的建設(shè)項目的能力。

1. 如何在 head 里面引入js文件?

背景: 在標簽中，以inline的形式引入flexible.js文件。本項目主要為移動端項目，引入flexible.js 實現(xiàn)移動端適配問題。
Nuxt.js 通過 vue-meta 實現(xiàn)頭部標簽管理，通過查看文檔發(fā)現(xiàn)，可以按照如下方式配置：

// nuxt.config.js
head: {
 script: [
  { innerHTML: 'console.log("hello")', type: 'text/javascript', charset: 'utf-8'}
 ]
}

結(jié)果，生成 html:

我們發(fā)現(xiàn) vue-meta 把引號做了轉(zhuǎn)義處理，加入 __dangerouslyDisableSanitizers: ['script'] 后，就不會再對這些字符做轉(zhuǎn)義了，該字段使用需慎重！

接下來，要把 console.log("hello") 的內(nèi)容替換成 flexible.js，配置升級之后：

head: {
 script: [{ innerHTML: require('./assets/js/flexible'), type: 'text/javascript', charset: 'utf-8'}],
 __dangerouslyDisableSanitizers: ['script']
}

踩坑成功，下一個坑...

2. 如何使用預處理器

背景：在組件中的