qq_35389653的博客

js

Q1: babel.config.js 和.babelrc的区别// babel 7.x 以上支持两种- babelrc 只会影响本项目中的代码,相对文件的配置文件。- babel.config.js会影响整个项目中的代码，包含node_modules中的代码,当前项目维度的配置文件，相当于一份全局的配置文件。如果项目决定使用这个配置文件，就一定会应用到所有的文件转换中。babel : JS 的编译器。将ES6->ES5缺点： 不能够翻译es6新的API.<script typ

vue.config.jsVue-cli3.x 脚手架创建之后需要手动创建vue.config.js进行配置请将其放在与pack.config.js同一个目录中。同时会被@vue/cli-service自动加载。// vue.config.js/** * @type {import('@vue/cli-service').ProjectOptions} */module.exports = { // 选项... publicePath: '/', // 部署应用包的基本url,

Plugin （插件）plugin 就是对某个现有的框架进行扩展，webpack中的插件就是对webpack现有的功能进行扩展，比如打包优化，文件压缩等。Q1: plugin 和 loader的区别？loader主要转换某些类型的模块，相等于一个转换器plugin插件是对webpack本身的扩展，是一个扩展器。// 使用过程：// 版权名的插件steps1: 通过npm安装需要的插件steps2: 在webpack.config.js中配置插件{ plugins: [ n

loader详情：Webpack的一个核心概念对于webpack本身来说，不具备这些转化的能力。给webpack扩展对应的loader就可以。loader 的使用过程通过npm安装需要的loader//加载 CSS 文件并解析 import 的 CSS 文件，最终返回 CSS 代码npm install --save-dev css-loader// 负责将样式添加在DOM上npm install --save-dev style-loader//加载并编译 LESS 文件npm i

核心概念module.exports = { mode: 'development', //development环境 production环境 // 入口文件 告诉的webpack 要打包的文件 entry: './src/index.js', // 入口文件 // 输出文件：告诉webpack 打包后文件放在哪里 output: { path: path.resolve(__dirname, 'dist'), // 打包文件后的具体路径

官网文档打包工具的分类？仅介绍 4 款主流的打包工具：grunt， gulp，webpack， rollup，以发布时间为顺序。Grunt：最老牌的打包工具，它运用配置的思想来写打包脚本，一切皆配置，所以会出现比较多的配置项，诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段，认知成本高，运用的时候需要明白各种插件的配置规则。Gulp：用代码方式来写打包脚本，并且代码采用流式的写法，只抽象出了gulp.src, gulp.pipe, gulp.dest, gulp..

.editorconfig作用是对项目进行编写的配置 包括：缩进# 告诉EditorConfig插件，这是根文件，不用继续往上查找root = true# 匹配全部文件[*]# 结尾换行符，可选"lf"、"cr"、"crlf"end_of_line = lf# 在文件结尾插入新行insert_final_newline = true# 删除一行中的前后空格trim_trailing_whitespace = true# 匹配js和py结尾的文件[*.{js,py}]# 设置字符

ESLint的规则有三种级别"off"或者0，不启用这个规则"warn"或者1，出现问题会有警告"error"或者2，出现问题会报错给项目配置 .eslintrc.js使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。// https://eslint.org/docs/user-guide/configuringmodule.exports = { //此项是用来告诉eslint找当前配置文件不能往父级查找 root: true, //

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档一、什么是canvas？是HTML5新增的元素，通过使用脚本语言(JS)来在特定的区域绘制图形，可以制作照片集和简单的动画，也可以处理和渲染视频。二、Canvas的基本使用canvas 语法<canvas id="first" width="300px" height="300px"></canvas>canvas 元素<canvas>标签和<img>其实是一样的，只是<

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar