逆风飞翔的代码狗

webpack -css的引入 前面我们说到webpack-dev-server可以运行的时候将文件解析到内存中直接运行，但是我们没有提到css样式在webpack中的引用： 我们新建了index.scss，然后通过require对css样式进行引入使用，会发现报错，其实就是缺少了css样式的处理工具： 里面的appropriate loader就指明了缺少相应的装载器，此时我们需要去看官网里面所提供的的loader（webpack所有的文件都可以加载成js文件进行使用，） webpack loader（

webpack plugins plugins被认为是webpack的支柱，因为发现在打包的时候，css、js、html、png/jpg文件之间没有太大的关系，所以我们需要plugins来帮我们在打包的时候自动引入 1.安装 yarn add --dev html-webpack-plugin webpack.config.js: const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') //

webpack 环境指明，当我们使用单入口多出口的配置进行打包的时候： webpack.config.js: const path = require('path') // 导出配置 module.exports = { entry: './src/123.js', output: { path: path.resolve(__dirname, 'dist'), filename: '[name]_[hash].js' } } 我们需要在package.json文件指明打包的

webpack 它是一款模块化打包工具，它是基于配置的，可以通过一些配置来进行打包任务，在打包的时候依赖关系图，需要告知入口和出口，在webpack.config.js里面进行配置。 gulp or webpack的理解？ **同：**都是前端自动化的构建工具 异： gulp它是一个基于流的自动化构建工具，强调工作流程，通过task方法设置一个个的任务（文件压缩、合并、启动server，对于模块化并没有进行过多的强调），通过.pipe（）管道输送到下一个流程 浏览器对大多预编译语言都没有办法去解析，所以需