构建问题 1. 如何在 head 里面引入 js 文件?
背景: 在标签中,以 inline 的形式引入 flexible.js 文件.本项目主要为移动端项目,引入 flexible.js 实现移动端适配问题.
Nuxt.js 通过 vue-meta 实现头部标签管理,通过查看文档发现,可以按照如下方式配置:
// nuxt.config.js
head: {
script: [
{ innerhtml: 'console.log("hello")', type: 'text/javascript', charset: 'utf-8'
]
}
结果,生成 html:
复制代码 代码如下:
我们发现 vue-meta 把引号做了转义处理,加入 __dangerouslyDisableSanitizers: ['script'] 后,就不会再对这些字符做转义了,该字段使用需慎重!
接下来,要把 console.log("hello") 的内容替换成 flexible.js,配置升级之后:
head: {
script: [{ innerHTML: require('./assets/js/flexible'), type: 'text/javascript', charset: 'utf-8'],
__dangerouslyDisableSanitizers: ['script']
}
踩坑成功,下一个坑...
2. 如何使用预处理器
背景:在组件中的
来源: http://www.jb51.net/article/133147.htm