缚己

单文件组件是什么在很多 Vue 项目中，我们使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。存在以下问题：全局定义 强制要求每个 component 中的命名不得重复字符串模板 缺乏语法高亮，在 HTML 有多行的时候，需要用到丑陋的 \不支持 CSS 意味着当 HTML 和 JavaScript 组件化时，CSS 明显被遗漏没有构建步骤 限制只能使用 HTML 和 ES5 JavaScrip

webpack 的安装和基本使用终端运行下面命令安装相应的包npm i webpack webpack-cli -D安装成功的话，应该输出下面文本：npm notice created a lockfile as package-lock.json. You should commit this file.npm WARN Vue@1.0.0 No descriptionnpm WARN Vue@1.0.0 No repository field.+ webpack@5.16.0+

问题截图翻译：不能赋值给对象'#<Object>'的只读属性'exports'如果你使用了 @babel/plugin-transform-runtime 插件，同时你又在某个commonJS 规范写的文件里使用这个插件时，babel 会默认你这个文件是 ES6 的文件，然后就使用 import 导入了这个插件，但是 webpack 不可以混用这两种语法规范。解决方法就是在 babel.config.js 配置文件中设置 unambiguous 字段。让 babel 和 webpac