-
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查看全部
舉報