-
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor'
}),
//vendor一定要放在runtime前面，否则会失去对应的作用
new webpack.optimize.CommonsChunkPlugin({
name: 'runtime'
})
//作用：把webpack相关的代码单独打包到一个文件，好处：在新的模块加入时，文本webpack给每一个新的模块一个新的id。有新模块加入的时候，插入的顺序可能是在中间，会导致后面的模块的id就会发生变化，从而导致打包出来的内容的hash发生变化，那么hash想要使用浏览器常缓存的作用就失去了效果。使用这个配置方法就可以规避这个问题。
查看全部 -
hash chunkhash 的区别
chunkhash 可理解为 在entry中声明的不同节点，我们使用异步加载时，每一个异步加载的模块也是一个chunk
使用hash时，所有打包出来的每一个js模块都是同样一个hash，是整个应用的hash。
使用chunkhash的话，每一个chunk单独生成一个hash。
所以一旦使用了不同的entry，或者将类库文件单独打包时，必须要使用chunkhash，否则单独打包就没有任何意义，因为每次业务代码更新，他的render的hash也会变。
查看全部 -
注意：尽量把所有的数据操作放到顶层里面。数据在哪个地方声明，就在哪里操作，不要在下层组件操作上层组件声明的数据，否则容易导致很多错误
查看全部 -
npm i css-loader vue-template-compiler
查看全部 -
npm i vue vue-loader
查看全部 -
files.autoSave
查看全部 -
1.host:'0.0.0.0',可以使用localhost,127.0.0.1和本机ip地址访问。
查看全部 -
vscode配置
查看全部 -
插件2
查看全部 -
插件
查看全部 -
this.todos.filter(todo => !todo.finished)
//过滤未完成的事项
查看全部 -
this.todos.findIndex(todo => todo.id === id)
查看全部 -
loader
查看全部 -
webpack简单优化：
减少HTTP请求
压缩静态资源文件
使用浏览器的长缓存，较少应用流量
查看全部 -
分享到目前为止的包配置，运行正常 { "name": "vue-ssr-tech", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack --mode development", "webpack": "webpack --mode production", "dev": "cross-env NODE_ENV=development webpack-dev-server --mode development --open" }, "author": "", "license": "ISC", "dependencies": {}, "devDependencies": { "autoprefixer": "^8.2.0", "babel-core": "^6.26.0", "babel-helper-vue-jsx-merge-props": "^2.0.0", "babel-loader": "^7.1.4", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-vue-jsx": "^3.7.0", "babel-preset-env": "^1.6.1", "cross-env": "^5.1.4", "css-loader": "^0.28.11", "file-loader": "^1.1.11", "html-webpack-plugin": "^3.1.0", "postcss-loader": "^2.1.3", "style-loader": "^0.20.3", "stylus": "^0.54.5", "stylus-loader": "^3.0.2", "url-loader": "^1.0.1", "vue": "^2.5.16", "vue-loader": "^14.2.1", "vue-template-compiler": "^2.5.16", "webpack": "^4.2.0", "webpack-cli": "^2.0.12" } }查看全部
举报