webpack
日暮途远人间何世?
这个作者很懒,什么都没留下…
展开
-
webpack babel-loader一些配置属性
初始化项目 npm init 安装webpack npm i webpack webpack-cli --save-d 安装babel-loader npm install babel-loader@8.0.0-beta.0 @babel/core @babel/preset-env webpack // 导入静态资源目录 const path = require('path') module.exports = { // 指定开发环境 mode:"development",原创 2020-06-11 22:35:32 · 266 阅读 · 0 评论 -
webpack进阶配置
首先安装webpack npm i webpack webpack-cli -D 新建webpack.config.js文件,对webpack进行配置 const path = require("path"); /* * loader下载后可以直接使用,plugin还需引入才能使用。 */ const HtmlWebpackPlugin = require("html-webpack-plugin"); // 独立生成css文件 const MiniCssExtractPlugin = requir原创 2020-06-07 19:16:03 · 162 阅读 · 0 评论 -
vue.config.js配置属性[新鲜出炉]
因为新版的vue-cli已经没有了config这个文件,所以需要我们手动创建然后才能去配置。 首先在项目根目录创建vue.config.js文件 具体配置项如下 module.exports = { // 配置基本路径 === webpack的output.publicPath // 可以根据当前开发环境进行区分 publicPath:process.env.NODE_ENV === "production"?"./":"./", outputDir:"dist",原创 2020-06-06 12:23:46 · 356 阅读 · 0 评论 -
webpack的基本使用
webpack: webpack是一种前端资源构建工具 一个静态模块打包器 在webpack看来 前端所有资源文件都会作为模块处理 他将根据模块的依赖关系进行静态分析 打包生成对应的静态资源 与webpack类似的gulp grunt browserify webpack官方网址 webpack的特点: 1、模块化;2、Tree shaking;3、代码懒加载 webpack的核心概念: 入口(entry) 输出(output) loader 插件(plugins) 安装webpack 在使用web原创 2020-06-05 18:32:01 · 117 阅读 · 0 评论