-
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)一致。
查看全部
举报