-
unshift() 数组方法 向数组开头添加一个或多个item unshift(itme1,item2...,itemn) 最少添加一个 trim() 字符串方法,去除字符串开头和结尾的空格
查看全部 -
一、前端的价值:
1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。
2、网络优化:http(所有静态资源都是通过http请求的)。
3、api定制。
4、node.js层。
二、vue-cli生成的项目就是基于webpack的前端工程。
查看全部 -
webpack之vue环境搭建查看全部
-
webpack.config.js的笔记
const path = require('path');
const {VueLoaderPlugin}=require('vue-loader'); //加载 vue
module.exports = {
entry: path.resolve(__dirname, "src/index.js"),
devServer: {
contentBase: './dist'
},
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
//加载 vue
{
test: /\.vue$/,
use: [
'vue-loader'
]
},
// 加载 CSS
{
test: /\.css$/,
use: [
'vue-style-loader', //可不要
'style-loader',
'css-loader'
]
},
]
},
//加载 vue
plugins:[
new VueLoaderPlugin()
]
};
查看全部 -
webpack.DefinePlugin
查看全部 -
cross-env 包
查看全部 -
API 重点:生命周期方法、computed
查看全部 -
新建文件夹,执行npm init,配置项可以都选默认,最后会生成一个package.json文件。接下来安装我们所需要的包。
因为是训练项目,就没有区分devdependens和dependence,都安装到一起了
npm i webpack vue vue-loader
发出警告
peerDependencies WARNING vue-loader@* requires a peer of css-loader@* but none was installed
peerDependencies WARNING vue-loader@* requires a peer of vue-template-compiler@^2.0.0 but none was installed
说 vue-loader依赖css-loader和vue-template-compiler,然后继续安装这两个
npm i css-loader vue-template-compiler
项目就初始化好了
新建src作为源码放置目录
src中新建app.vue文件
在根目录下新建webpack.config.js,webpack是用来帮我们打包前端的资源的,前端资源包括css、js、图片等,这些都需要通过http加载
以js文件作为入口加载资源
在src中新建index.js作为入口文件
.vue是组件,不能直接挂载到html中去
webpack做的事情就是把不同的静态资源的类型打包成一个js,然后再在html里引用这个js
查看全部 -
数据绑定:knockout
查看全部 -
一、前端的价值:
1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。
2、网络优化:http(所有静态资源都是通过http请求的)。
3、api定制。
4、node.js层。
二、vue-cli生成的项目就是基于webpack的前端工程。
查看全部 -
host: '0.0.0.0'
查看全部 -
前端的价值
* 搭建前端工程
* 网络优化
* API定制
* nodejs 层
查看全部 -
url-loader依赖于file-loader
查看全部 -
问题:用splitChunks取代后,没有像老师编译后那样出现vendor.xxxx.js而是出现了三个bundle.xxx.js
学习:
hash和chunkhash的区别
webpack4 中已经删掉 代码分割 CommonsChunkPlugin,把其中的方法全部归到optimization.splitChunks中。
参考链接:
https://webpack.js.org/plugins/split-chunks-plugin/#src/components/Sidebar/Sidebar.jsx
查看全部 -
11查看全部
举报