
webpack
绿茶程序媛
喜欢请关注~
展开
-
webpack搭建vue环境
npm init -y cnpm i webpack webpack-cli -D cnpm i webpack-dev-server -D cnpm i vue -S cnpm i html-webpack-plugin -D 创建src/index.html , src/main.js , webpack.config.js,修改package.json文件 // src/App.vue ...原创 2020-02-10 23:25:33 · 133 阅读 · 0 评论 -
如何自己写一个plugin
新建 ConsoleLogOnBuildWebpackPlugin.js 文件 const pluginName = 'ConsoleLogOnBuildWebpackPlugin'; class ConsoleLogOnBuildWebpackPlugin { apply(compiler) { compiler.hooks.run.tap(pluginName, co...原创 2020-02-09 20:58:53 · 489 阅读 · 0 评论 -
webpack如何打包编译成单独css文件
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); module.exports = { plugins: [new MiniCssExtractPlugin()], module: { rules: [ {test: /\.css$/, use: [MiniCs...原创 2020-02-09 20:53:24 · 481 阅读 · 0 评论 -
用webpack搭建项目基础配置
1、 快速初始化项目 npm init -y 2、 安装webpack cnpm i webpack webpack-cli -D原创 2019-12-05 18:00:37 · 227 阅读 · 0 评论 -
webpack.config.js配置项
1、在webpack.config.js配置可省略的扩展名 module.exports = { resolve: { //可省略的扩展名 extensions: ['.js', '.jsx', '.json'], //配置根目录 alias: { '@': path.join(__dirname, '...原创 2019-12-08 11:26:00 · 112 阅读 · 0 评论