-
style-loader css-loader url-loader
查看全部 -
vue-loader 使用
查看全部 -
package.json -> build commend
查看全部 -
webpack.config.js
查看全部 -
?npm i css-loader vue-template-compiler
查看全部 -
初始化項目:
npm init
npm i webpack vue vue-loader vue-router
查看全部 -
webpack中各種類型文件的處理 use可以是一個數組 也可以是多個對象組成的數組
loader的兩個目標 test標識出需要被轉換的文件 use被轉換的文件用何種轉換模塊
查看全部 -
2019.08.12
遇到的各種問題
webpack 4+ 需要獨立安裝webpack-cli??? 解決方法：控制臺輸入 npm install webpack-cli
vue-loader 15+ 需要在webpack.config.js里面添加
?? const { VueLoaderPlugin } = require('vue-loader')
?? ...
?? ,
?? ?plugins:[
?? ??? ?new VueLoaderPlugin()
?? ?]規則需要額外添加
?? ,
?? ??? ??? ?{
?? ??? ??? ??? ?test:/.css$/,//正則表達式
?? ??? ??? ??? ?loader:'css-loader'
?? ??? ??? ?}模式
?? "build": "webpack --config webpack.config.js? --mode production"
查看全部 -
在空文件夾下初始化 npm init 安裝后需要引用其他包 npm i webpack vue vue-loader npm i css-loader vue-template-compiler查看全部
-
很好查看全部
-
2019.07.12
由于版本問題，報錯的同學請將webpack.config.js改成這樣：
const path = require('path');
const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
entry: path.join(__dirname, 'src/index.js'),
output: {
filename: 'bundle.js',
path: path.join(__dirname, 'dist')
},
plugins: [
new VueLoaderPlugin()
],
module: {
rules:[
{
test: /\.vue$/,
loader: 'vue-loader'
},
{
test: /\.css$/,
use: ['style-loader','css-loader']
}
]
}
}
查看全部 -
深入理解vue 的render方法，查看官方文檔，以及API ，了解webpack?
查看全部 -
把打包生成的APP文件中的webpack相關的代碼單獨打包到一個文件中，name指定的一定是在entry中沒有聲明過的文字。一般是runtime。
這是解決什么問題的呢？
因為每個chunk文件會有一個id，
查看全部 -
當使用了多個的entry時，使用chunkhash命名，不要使用hash，hash是整個entry生成的，每個chunk也是一樣的。
查看全部 -
使用webpack.optimize.CommonsChunkPlugin把指定的公共類庫單獨打包成，name指定的(vendor)命名，要和上面的(vendor)一致。
查看全部
舉報