webpack主题的文章列表，还有webpack的技术要点_第1页

vue-cli+webpack在生成的项目中使用bootstrap方法（二）

vue-cli+webpack在生成的项目中使用bootstrap方法（一）中，是通过手动下载bootstrap库，然后手动添加到src/assets中，显然是过程太多。当然是可以更省力些，可以通过npm安装bootstrap，然后用import直接导入bootstrap的方式进行整合，因为vue-loader能自动从...

代码星球 ·2021-02-25

vue-cli+webpack在生成的项目中使用bootstrap方法（一）

在一个html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目（名字任意）vueinitwe...

代码星球 ·2021-02-25

Webpack打包报错 TypeError: this.getOptions is not a function at Object.lessLoader

这两天重新学习了一下Webpack的使用，在学习打包css/less样式资源时，发生了这样一个报错：关键报错信息是: this.getOptionsisnotafunction，网上百度一下之后说是版本问题。然后我又查了一下npm官网，果然在22天之前less-loader发布了8.0...

代码星球 ·2021-02-25

vue.js 2.0 --- 安装node环境,webpack和脚手架(入门篇)

1.1、安装node.js1.2安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入node-v，如下图，如果出现相应的版本号，则说明安装成功。 1.3修改npm为淘宝镜像因为npm的仓库有许多在国外，访问的速度较慢，建议修改成cnpm，换成taobao的镜...

代码星球 ·2021-02-24

使用 Webpack 4 和 Babel 7 创建 React 应用程序

　　mkdirreact_project　　cdreact_project　　　　npminit-y　　npmiwebpack@4webpack-cli@3-D//i：install-D：- save-dev　　npmireact@16react-dom@16-S　　npmibabel-loader@8@babel/c...

代码星球 ·2021-02-20

Vue项目碰到"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件"报错

最近公司里做vue项目，svn了前端同事的项目代码，装好环境，运行项目（安装步骤随便百度一下，很详细），控制台里报错“‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件，随机百度解决方法，有的说需要重新装依赖包，有的说扩展用户权限，都做了，但是报错依旧。原因：随机自己新建一个vu...

代码星球 ·2021-02-16

Vue工程模板文件 webpack打包

1、githubgithub地址：https://github.com/MengFangui/VueProjectTemplate 2、webpack配置（1）基础配置webpack.base.config.js constpath=require('path');//处理共用、通用的jsconst...

代码星球 ·2021-02-14

Vue webpack配置文件

一、代码地址github：https://github.com/MengFangui/VueWebpackConfig 二、配置说明1、命令（1）npmi安装依赖包（2）numrundev发布调试环境（3）npmrunbulid发布线上环境 2、功能（1）处理vue文件（2）处理js文件（3）ES6...

代码星球 ·2021-02-14

webpack 实用配置总结

1、webpack.config.js配置文件为：//处理共用、通用的jsvarwebpack=require('webpack');//处理html模板varhtmlWebpackPlugin=require('html-webpack-plugin');//css单独打包varExtractTextPlugin=r...

代码星球 ·2021-02-14

webpack css打包为一个css

1、安装npminstallextract-text-webpack-plugin--save-dev 2、项目目录：index文件夹下的index.css：body{background-color:#ccc;}.flex-div{display:flex;}index文件夹下的index2.css：p{t...

代码星球 ·2021-02-14

webpack 通用模块(每个页面都用到的js)编译

1、项目目录 2、配置文件：webpack.config.jsvarhtmlWebpackPlugin=require('html-webpack-plugin');varwebpack=require('webpack');module.exports={//entry:'./src/app.js',ent...

代码星球 ·2021-02-14

webpack CommonsChunkPlugin 提取公共代码

1、项目结构2、部分代码module.jsconsole.log('module.js');index文件夹下的index.jsrequire('../module.js');console.log('首页-index文件');login文件夹下的index.js require('../module.js'...

代码星球 ·2021-02-14

webpack 引入jquery和第三方jquery插件

1、引入jqueryjQuery直接在html中引入，然后在webpack中把它配置为全局即可。index.html:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title><%=htmlWebpack...

代码星球 ·2021-02-14

webpack 编译图片文件 file-loader

1、安装插件npmifile-loader--save-dev npm i url-loader --save-dev npm install image-webpack-loader --save-dev 2、项目目...

代码星球 ·2021-02-14

webpack 编译html模板文件

1、项目结构安装loader：npmihtml-loader--save-devnpmiejs-loader--save-dev 2、模板文件layer.html<divclass="layer"><div>thisisalayer</div><...

代码星球 ·2021-02-14