webpack
文章平均质量分 50
前端Beginners
这个作者很懒,什么都没留下…
展开
-
webpack-js的兼容性处理和语法检查
**js的语法检查**进行js语法的检查我们需要 eslint-loader 和 eslint注意我们只检查的是自己写的源代码,不检查第三方库(如果进行了检查会出现错误)我们还需要设置检查的规则,在package.json文件中eslinkConfig中进行设置在设置规则是我们需要airbnb规则,为了使用airbnb这个规则我们需要下载eslint-config-airbnb-base 和eslint-plugin-import{ test: /\.js$/, //对js文件原创 2021-06-18 14:57:46 · 202 阅读 · 0 评论 -
webpack--css的兼容性处理和压缩
css兼容性处理我们需要使用一个库:postcss 要想使用这个库,我们必须使用两个东西,一个loader和一个插件postcss-loader 和 postcss-preset-env所以我们需要进行下载:$ npm i postcss-loader postcss-preset-env -Dpostcss-preset-env的作用:帮助postcss找到package.json文件中的browserslist里面的配置,通过配置加载指定的兼容性样式由于我们是解决css兼容性的问题,所以原创 2021-06-12 18:29:16 · 122 阅读 · 0 评论 -
webpack开发环境的搭建
将所有的打包资源配置进行整合:const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { //入口文件 entry: './src/index.js', //输出文件 output: { path: path.resolve(__dirname, 'build'), filename: 'b原创 2021-05-23 16:13:58 · 99 阅读 · 0 评论 -
开发环境webpack的基本配置
**下载:**$ npm i webpack webpack-cli -g 首先先全局安装$ npm i webpack webpack-cli -D 本地安装**运行指令:**1、开发环境:$ webpack “原入口文件路径” -o “打包到的文件路径” --mode=development2、生产环境:$ webpack “原入口文件路径” -o “打包到的文件路径” --mode=production使用webpack我们如果不进行配置的化只能处理js与json的原创 2021-05-21 10:13:21 · 160 阅读 · 0 评论