webpack4.0
qq_33761266
这个作者很懒,什么都没留下…
展开
-
webpack4.0使用
下载webpack 和webpack-cli yarn add webpack webpack-cli -D0配置打包文件npx webpack运行npx webpack默认执行的配置文件为webpack.config.js 可以手动更改npx webpack --config webpack.myconfig.js{ "name": "webpack02", "...原创 2019-02-06 09:04:07 · 136 阅读 · 0 评论 -
webpack4.0 css压缩js压缩 css 样式添加前缀
webpack.config.js配置文件/*webpack 是node写出来的node的写法*/let path = require("path");let HtmlWebpackPlugin = require("html-webpack-plugin");//let MiniCssExtractPlugin = require("mini-css-extract-plugin");/...原创 2019-02-08 09:54:11 · 2244 阅读 · 0 评论 -
webpcak4.0 jquery的引用两种方法
yarn add jquery方法一// import $ from 'expose-loader?$!jquery';// yarn add expose-loader 引用jquery方法一方法二正常引入jqueryimport $ from 'jquery';// yarn add expose-loader在webpack.config.js下面的module下的...原创 2019-02-08 13:36:18 · 298 阅读 · 0 评论 -
webpack 4.0图片在js文件css less 和html文件的引用配置
/*webpack 是node写出来的node的写法*/let path = require("path");let HtmlWebpackPlugin = require("html-webpack-plugin");//let MiniCssExtractPlugin = require("mini-css-extract-plugin");//抽离生成css打包文件(可以引用多次)l...原创 2019-02-08 16:47:44 · 552 阅读 · 0 评论 -
webpack4.0多页面配置
let path = require("path");let HtmlWebpackPlugin = require("html-webpack-plugin");module.exports = { //多入口 mode: "development", entry: { home: './src/index.js', other: '....原创 2019-02-08 17:24:26 · 486 阅读 · 0 评论 -
webpack4.0代码调试的4种情况
4种情况 //devtool: 'source-map',//源码映射,可以帮助我们调试源代码 会单独生成一个sourcemap文件 出错了会标识当前报错的列和行 // devtool: 'eval-source-map',//报错会显示行和列但是不会生成map文件 // devtool: 'cheap-module-source-map', //不会产生列 但是是一个单独...原创 2019-02-09 19:32:12 · 301 阅读 · 0 评论 -
webpack4.0 小插件 clean-webpack-plugin copy-webpack-plugin webpack.BannerPlugin的使用
let path = require("path");let HtmlWebpackPlugin = require("html-webpack-plugin");let cleanWebpackPlugin = require('clean-webpack-plugin');let copyWebpackPlugin = require('copy-webpack-plugin');le...原创 2019-02-10 19:54:34 · 635 阅读 · 0 评论 -
webpack4.0 前后端跨域处理的3中方法
1和2直接在webpack.config.js下的devServer下配置处理let path = require("path");let HtmlWebpackPlugin = require("html-webpack-plugin");let cleanWebpackPlugin = require('clean-webpack-plugin');let copyWebpackPlu...原创 2019-02-10 20:32:07 · 722 阅读 · 0 评论