webpack
日暮途远人间何世?
这个作者很懒,什么都没留下…
展开
-
webpack babel-loader一些配置属性
初始化项目npm init安装webpacknpm i webpack webpack-cli --save-d安装babel-loadernpm install [email protected] @babel/core @babel/preset-env webpack// 导入静态资源目录const path = require('path')module.exports = { // 指定开发环境 mode:"development",原创 2020-06-11 22:35:32 · 244 阅读 · 0 评论 -
webpack进阶配置
首先安装webpacknpm 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 · 140 阅读 · 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 · 323 阅读 · 0 评论 -
webpack的基本使用
webpack:webpack是一种前端资源构建工具 一个静态模块打包器在webpack看来 前端所有资源文件都会作为模块处理他将根据模块的依赖关系进行静态分析 打包生成对应的静态资源与webpack类似的gulp grunt browserifywebpack官方网址webpack的特点:1、模块化;2、Tree shaking;3、代码懒加载webpack的核心概念:入口(entry)输出(output)loader插件(plugins)安装webpack在使用web原创 2020-06-05 18:32:01 · 105 阅读 · 0 评论