英文文档
vue脚手架文档的解释
中文文档
vue现代模式说明
官方目前为了开启<script type="module">
的现代模式, 又为了适配低版本的浏览器从而添加<script nomodule>
最直观的感受就是打包的速度变慢
直接执行npm run build
相当于npm run build --modern
vue脚手架中对于build配置的部分说明,打包生成的dist文件中有后缀为.legacy.js文件。此时,在index.html
文件中可以看到<script type="module">和<script nomodule>是共存的。
image.png
解决方案:
yarn build --no-module
- 可以在
.browserslistrc
文件或者package.json
中添加
browserslist的文档说明
.browserslistrc文件
> 1%
last 2 versions
not dead
not IE 11
package.json
"dependencies":{},
"browserslist":{
> 1%
last 2 versions
not dead
not IE 11
}