jiuweiC的博客

Webpack问题汇总 1.clean-webpack-plugin only accepts an options object. 描述： 1.项目结构 2.webpack const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const C...

1.创建一个项目 mkdir webpack-demo //新建项目文件夹 cd webpack-demo npm init -y //利用npm初始化项目，生成package.json文件 此时项目机构如下 webpack-demo package.json 2.安装webpack 使用npm进行安装 npm install webpack webpack-cl...

文件引用 1.css文件导入 1.1使用介绍 webpack不支持直接导入样式文件，需要使用相应的loader才能导入和使用 css-loader //是webpack可以处理css文件 style-loader //将css-loader处理完的文件变成style标签插入header里面 安装 npm install --save-dev style-loader css-loader ...

直接执行webpack命令 会自动寻找根目录下的webpack.config.js，根据这个配置文件构建项目 方案一、直接使用命令行能通过参数命令行执行 例如 npx webpack --watch 方案二、配合npm脚本 在npm里面使用脚本 脚本里面使用命令行代码 "scripts": { "test": "echo \"Error: no test specified\" &amp...

输出文件管理 html文件需要引用js依赖，如果chunck name是根据[name]、[id]、[hash]、[chunkhash]自动生成的，每次依赖的文件名，可能不一致。使用插件自动生成index文件，并为我们管理输出文件 1.index.html的生成 方案一、根据模板自动生成index.html plugins: [ //自动生成index.html文件、、、、、 ...