Webpack4vue简单项目
May 3, 2018
不想用vue-cli了
今天更新了一下vue-cli..感觉变化太大了,之前熟悉的那些配置文件都没了。。。有种跟不上时代的感觉。vue-cli变化这么大。。我就不用了。虽然说vue-cli是3.0。 但是依旧没有使用最近的webpack4.0。 直接用webpack4.0吧
安装分析
一直对把框架文件打包在一块儿的做法很不解,对于我们这种没买CDN的,光一个vue打包后就60k,包很大。所以就把引用文件写在html里,只把自己写的代码进行webpack打包。也可以在老项目上用。vue vue-router 都可以用这种方法。
webpack配置
新的webpack4 说是0配置,跟着官方第一个课程走,确实很方便。 反正前端框架变化很大,现在现学,跟用很久的人没区别。
https://doc.webpack-china.org/guides/getting-started/#%E5%9F%BA%E6%9C%AC%E5%AE%89%E8%A3%85
配置个入口就行了。
1
2
3
4
5
6
7
8
9 const path = require('path');
module.exports = {
entry: './src/index.js',
mode: 'development',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist')
}
};
vue-loader
本来不想用.vue的文件来着,后来分开完全是在倒退,所以还是用vue-loader吧,中文文档连手动配置vue-loader都没有。英文文档才有。。有种被自己人歧视的感觉