Webpack
杨蛋蛋~R
花自向阳开放 我自向前成长
展开
-
webpack: 解决 Automatic publicPath is not supported in this browser 错误
解决 Automatic publicPath is not supported in this browser 错误当webpack 打包出现ERROR in Error: xxxx /******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser"); ^ Error: Automatic publicPath is not supported in this browser原创 2020-11-02 17:45:47 · 3507 阅读 · 0 评论 -
Webpack 学习笔记3-webpack 开发环境的基本配置
webpack 开发环境的基本配置创建配置文件创建文件 webpack.config.js配置内容如下/*webpack config.js 是 webpack 的配置文件作用:指示 webpack 干哪些活(当运行 webpack 指令是,会加载里面的配置)所有的构建工具都是基于node.js平台运行的,模块化默认采用commonjssrc是项目的源代码(基于ES6模块),webpack(基于commonjs模块) 是写 page 的代码,项目和page是两个方面,*///re原创 2020-11-02 17:41:23 · 133 阅读 · 0 评论 -
Webpack 学习笔记2-webpack 的使用
webpack 的使用初始化配置初始化 package.json输入指令:npm init下载并安装 webpack输入指令:npm install webpack webpack-cli -gnpm install webpack webpack-cli -D编译打包应用创建文件运行指令开发环境指令:webpack src/js/index.js -o build/js/built.js --mode=development功能:webpack 能够编译打包 js 和 j原创 2020-11-01 14:27:30 · 136 阅读 · 0 评论 -
Webpack 学习笔记1-- Webpack简介 / 五个核心概念
Webpack简介拓展:(Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。)webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块(chunk) 处理。它将根据模块的依赖关系进行静态分析,打包生成对应的的静态资源(bundle)。web原创 2020-11-01 13:46:33 · 199 阅读 · 0 评论