webpack
webpack使用技巧
hysteria、
这个作者很懒,什么都没留下…
展开
-
webpack中常见loader配置
一、如果想要打包CSS文件,需要安装两个插件 style-loader 和css-loader cnpm install style-loader css-loader -D 二、配置webpack.config.json文件 在该文件module.export下有一个配置节点对象,module,该节点有一个rules属性,该属性是一个数组,存放了所有第三方文件的匹配和处理规则。 rules数组中每一个对象都有两个属性 test属性用于指定需要匹配文件的正则, use属性用于指定对应文件需要处理的插件名称原创 2020-09-15 15:59:04 · 554 阅读 · 0 评论 -
2020最新webpack-dev-server使用
一、不使用webpack-dev-server时 1、在没有配置webpack.config.js 文件时, 需要使用webpack --mode development -o 被打包文件 目的文件(-o表示目的文件不存在,则创建) 2、当配置webpack.config.js时 const path = require('path') module.exports = { entry: path.join(__dirname, './src/main.js'), output: {原创 2020-09-15 11:31:16 · 371 阅读 · 0 评论 -
html-webpack-plugin使用
1、安装 cnpm i webpack-plugin -D 2、在webpack.config.json中引用 const path = require('path') const htmlWebpackPlugin = require('html-webpack-plugin') //第一步 module.exports = { entry: path.join(__dirname, './src/main.js'), output: { path: path.join(原创 2020-09-15 15:22:26 · 281 阅读 · 0 评论