![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 90
Heartbroken_man
工作两年多才想起写博客
展开
-
webpack配置
webpack搭建项目基础篇一.创建项目首先在终端cd到你的项目根目录,使用npm init创建package.json文件,在你创建好的package.json文件里面的scripts字段那里新增这样一行,配置一下webpack执行的文件路径,同时创建一下webpack.config.js文件放在项目根目录下面我们使用yarn add webpack webpack-cli安装一下webpack和webpack-cli两个依赖 (没有安装yarn的话可以使用npm或者cnpm,当然原创 2021-08-30 16:45:19 · 709 阅读 · 0 评论 -
webpack配置--css和js兼容不同浏览器
首先我们在index.js这个入口文件里面内容如下和另外两个引入的api文件和scss文件如下:可以看到是有兼容性的js和css我的loader配置如下需要安装babel-loader、@babel/preset-env、mini-css-extract-plugin、css-loader、sass-loadermodule: { rules: [ // babel-polyfill已经被移除了 { ..原创 2021-08-30 21:47:24 · 743 阅读 · 0 评论 -
webpack搭建vue脚手架
搞了几天的webpack5.0版本搭建vue脚手架项目,今天分享一下!在读这篇文章之前你可能需要了解一些webpack的配置才行否则可能看不懂部分配置首先我们的项目的src目录结构如下基本上与vue-cli3的结构一样 ,你可以直接创建vue-cli3的脚手架直接复制里面的项目目录结构新增命令行在package.json文件里面的scripts字段里面新增这样一条命令,这样我们就可以在控制台输入npm run build执行webpack.config.js里面的配置"bu原创 2021-08-31 17:54:40 · 2402 阅读 · 0 评论