webpack
于丸
想做个前端大
展开
-
5.html-webpack-plugin插件的使用
//安装 cnpm i html-webpack-plugin -D //在src下新建一个模板index.html //插件做的事情是在内存中创建一个index.html并引入打包后的js文件 //此时webpack.config.js变成如下 let path = require("path") let hwp = require("html-webpack-plugin") module...原创 2019-08-23 10:10:10 · 94 阅读 · 0 评论 -
自己搭建简单的vue-cli
1、初始化项目,安装webpack和webpack-cli npm init cnpm i webpack webpack-cli -D 2、安装本地开发服务器和htmlwebpack插件 cnpm i webpack-dev-server html-webpack=plugin 3、安装vue, vue-loader(内部依赖 vue-template-compiler),vue-route...原创 2019-08-25 12:40:36 · 183 阅读 · 0 评论 -
1.webpack零配置
npm init cnpm i webpack-cli -D //或者 cnpm i webpack-cli --dev //这俩个是相等的都是开发当中的依赖 npx webpack原创 2019-08-21 21:48:06 · 156 阅读 · 2 评论 -
2.webpack的功能之模块化
a.js //几种导出方式 let a = "yuchunhui" //export default a //export {a} module.exports = a index.js //对应的导入方式 //import x from "./a.js" //import {a as x} from "./a.js" const x = require("./a.js") console.lo...原创 2019-08-22 07:50:11 · 104 阅读 · 0 评论 -
3.自己配置入口和出口
//文件名必须是webpack.config.js let path = require("path") console.log(path.resolve(__dirname,"dist")) module.exports = { mode:'development', //生产模式和开发模式 entry:'./src/index.js', //入口 output:{ filename...原创 2019-08-22 07:59:32 · 117 阅读 · 0 评论 -
4.配置开发服务器
//安装开发服务器:cnpm i webpack-dev-server -D //首先在src下创建index.html模板 //安装htmlwebpackplugin插件:cnpm i html-webpack-plugin -D //package.json中的scripts加入 "dev": "webpack-dev-server" //此时的webpack变成 //文件名必须是webpa...原创 2019-08-22 10:27:33 · 114 阅读 · 0 评论