简短描述:
extractCSS: true
在我的
nuxt.config.js
详细描述:
-
这个
extend
build
配置
-
使用
npm run dev
或
npm run build
具体内容:
-
如果
config.devtool = '*source-*map'
指令,根本没有为CSS文件生成源映射。这很可能是预期的行为,所以很好,我们需要包括它。
-
如果
指令,为css文件生成源映射,如下所示:
-
:根本不为css文件生成源映射,无论是哪个网页包
config.devtool
已选定
-
:
-
使用
config.devtool = 'source-map'
-
使用
config.devtool = 'eval-cheap-module-source-map'
config.devtool = 'eval-cheap-source-map'
或
config.devtool = 'eval-source-map'
没有生成css源映射
然而,这并不是悲剧
source-map
可能比
eval-*
选项,所以对于
dev
确实如果
extractCSS: false
css
生成源映射的文件,所以在这种情况下没有问题。一切都进入JS文件和源代码映射生成这些罚款。
第二部分:
同时我会用
extractCSS:错误
对于
建造
我将使用
为了从单独的css文件的缓存中获益,我可以不使用sourcemaps进行生产部署。
在我看来,理想的配置仍然是在产品中使用单独的css文件和源代码映射,同时对普通访问者隐藏源代码映射,并且只让开发人员可以访问它们。