随笔分类 -  Webpack 4.x

摘要:1、安装 vue包:npm i vue -S 2、由于在webpack中,推荐使用.vue这个组件模版文件来定义组件,不然会出现vue.js移动和一些高级语法的不支持,因此需要安装能解析这种文件的loader:npm i vue-loader vue-template-complier -D 3、在 阅读全文
posted @ 2018-08-11 11:53 GᎭ•Cristin 阅读(311) 评论(0) 推荐(0)
摘要:# Vue.js ## 注意: 有时候使用`npm i node-sass -D`装不上,这时候,就必须使用 `cnpm i node-sass -D` ## 在普通页面中使用render函数渲染组件 ## 在webpack中配置.vue组件页面的解析 1. 运行`cnpm i vue -S`将vu 阅读全文
posted @ 2018-08-05 19:19 GᎭ•Cristin 阅读(219) 评论(0) 推荐(0)
摘要:1、需要两个依赖包: npm i style-loader css-loader -D 阅读全文
posted @ 2018-08-04 11:25 GᎭ•Cristin 阅读(208) 评论(0) 推荐(0)
摘要:1、运行npm i webpack-dev-server -D 把工具安装到项目的本地开发依赖 2、改工具用法跟webpack的用法完全一样:package.json中增加配置,直接用npm run *** 来执行这个工具 另: 1、由于安装路径是本地安装,因此无法当作脚本命令在powershell 阅读全文
posted @ 2018-08-04 10:22 GᎭ•Cristin 阅读(252) 评论(0) 推荐(0)
摘要:1、首先webpack发现并没有通过命令的形式,给它指定入口和出口 2、向根目录查找“webpack.config.js”配置文件 3、解析这个配置文件,并得到配置文件中导出的配置对象 4、当拿到配置对象后,就拿到了配置对象中定义的入口和出口,然后开始打包构建 阅读全文
posted @ 2018-08-04 10:03 GᎭ•Cristin 阅读(163) 评论(0) 推荐(0)
摘要:-S就是--save的简写,就行npm默认一个start的字段,你可以不必输入npm run start 而只需输入npm start,这两个效果是一样的。-D就是--save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面,而--save 阅读全文
posted @ 2018-07-23 16:53 GᎭ•Cristin 阅读(154) 评论(0) 推荐(0)
摘要:webpack4.x的打包已经不能用webpack 文件a 文件b的方式,而是直接运行webpack --mode development或者webpack --mode production,这样便会默认进行打包,入口文件是'./src/index.js',输出路径是'./dist/main.js 阅读全文
posted @ 2018-07-23 11:13 GᎭ•Cristin 阅读(189) 评论(0) 推荐(0)