-
npm i webpack vue vue-loader
查看全部 -
第一遍用了7個(gè)半天，第二遍只用了2個(gè)半天，已經(jīng)基本上學(xué)會(huì)了利用webpack來搭建一個(gè)簡(jiǎn)單的應(yīng)用了。老師講的很好，過時(shí)的內(nèi)容，不會(huì)的內(nèi)容網(wǎng)上都可以查到，非常?
查看全部 -
關(guān)于vueloader的配置問題
你應(yīng)該將?
vue-loader?和?vue-template-compiler?一起安裝每個(gè)?
vue?包的新版本發(fā)布時(shí)，一個(gè)相應(yīng)版本的?vue-template-compiler?也會(huì)隨之發(fā)布。編譯器的版本必須和基本的?vue?包保持同步，這樣?vue-loader?就會(huì)生成兼容運(yùn)行時(shí)的代碼。這意味著你每次升級(jí)項(xiàng)目中的?vue?包時(shí)，也應(yīng)該匹配升級(jí)?vue-template-compiler。- 請(qǐng)確保在你的 webpack 配置中添加 Vue Loader 的插件
這個(gè)插件是必須的！?它的職責(zé)是將你定義過的其它規(guī)則復(fù)制并應(yīng)用到?
.vue?文件里相應(yīng)語(yǔ)言的塊。例如，如果你有一條匹配?/\.js$/?的規(guī)則，那么它會(huì)應(yīng)用到?.vue?文件里的?<script>?塊。
查看全部 -
?webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.
查看全部 -
webpac4 官方文檔提示，當(dāng)在devServer中啟用hot時(shí)，webpack會(huì)自動(dòng)添加?
webpack.HotModuleReplacementPluginNoEmitOnErrorsPlugin
在編譯出現(xiàn)錯(cuò)誤時(shí)，使用?
NoEmitOnErrorsPlugin?來跳過輸出階段。這樣可以確保輸出資源不會(huì)包含錯(cuò)誤。對(duì)于所有資源，統(tǒng)計(jì)資料(stat)的?emitted?標(biāo)識(shí)都是?false。查看全部 -
這里打錯(cuò)了，應(yīng)該是：historyApiFallback
文檔：https://www.webpackjs.com/configuration/dev-server/#devserver-historyapifallback查看全部 -
webpack4 不需要 使用 webpack.DefinePlugin定義 process.env.NODE_ENV
使用--mode參數(shù)配置即可
查看全部 -
webpack4 添加了 mode 參數(shù)，使用?
webpack?--mode=production
會(huì)將?
process.env.NODE_ENV?的值設(shè)為?development,這個(gè)值是用于在 代碼中設(shè)置常量的，在webpack.config.js中讀取不到。如果需要在webpack.config.js中判斷環(huán)境，就需要使用crossenv在script上添加環(huán)境變量參數(shù)。?
查看全部 -
使用cross-env插件來配置環(huán)境變量
package.json中配置的環(huán)境變量NODE_ENV保存在process.env中
查看全部 -
#app{
????position?absolute
????left?0
????right?0
????top?0
????bottom?0
}
#cover{
????position?absolute
????left?0
????right?0
????top?0
????bottom?0
????background-color?#999
????opacity?.9
????z-index?-1
}
查看全部 -
安裝項(xiàng)目基本配置：
npm init
npm i webpack vue vue-loader
npm i css-loader vue-template-compiler
新建src文件夾、創(chuàng)建app.vue文件
創(chuàng)建webpack.config.js文件（打包vue文件讓瀏覽器執(zhí)行）
在webpack.config,js中配置entry output
創(chuàng)建index.js文件作為網(wǎng)站的入口文件
在package.json文件中增加“build”
查看全部 -
vue查看全部
-
postcss-loader用于優(yōu)化編譯后的css文件
autoprefixer用于添加css屬性前綴
查看全部 -
使用cross-env插件來配置環(huán)境變量
package.json中配置的環(huán)境變量NODE_ENV保存在process.env中
查看全部 -
__dirname 代表當(dāng)前文件的路徑。
path.join(_dirname, ./src/index.js)方法將兩個(gè)參數(shù)拼接為一個(gè)絕對(duì)路徑，這樣可以保證絕對(duì)可以訪問到這個(gè)文件。
查看全部
舉報(bào)