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