webpack4.0
qq_33761266
这个作者很懒,什么都没留下…
展开
-
webpack4.0使用
下载webpack 和webpack-cli yarn add webpack webpack-cli -D 0配置打包文件npx webpack 运行npx webpack默认执行的配置文件为webpack.config.js 可以手动更改npx webpack --config webpack.myconfig.js { "name": "webpack02", "...原创 2019-02-06 09:04:07 · 144 阅读 · 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 · 2251 阅读 · 0 评论 -
webpcak4.0 jquery的引用两种方法
yarn add jquery 方法一 // import $ from 'expose-loader?$!jquery'; // yarn add expose-loader 引用jquery方法一 方法二 正常引入jquery import $ from 'jquery';// yarn add expose-loader 在webpack.config.js下面的module下的...原创 2019-02-08 13:36:18 · 327 阅读 · 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 · 559 阅读 · 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 · 509 阅读 · 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 · 315 阅读 · 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 · 662 阅读 · 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 · 748 阅读 · 0 评论