vue 配上webpack

首先新建立一个文件夹,我们暂定blog2,通过git来托管项目,其实之前有在自己的服务器上搭建了一个git,后面想想还是用开源中国的吧,稳定点,别说为何不用GitHub的,英文,不想用,言归正传,通过命令行npm init 来进行初始化package.json文件

在使用webpack,当然得先有个webpack的配置文件啦,我们新建一个webpack.config.js的配置文件

定义入口文件

const config = {
//入口文件
  entry: {
    app: './src/app.js',
    vendors: './src/vendors.js'
  }
//出口文件也就是打包后生成的文文件,我们可以通过生成的文件来访问我们的项目
  output: {
    filename: 'bundle.js',
    path: '/home/proj/public/assets'
  }
// 对于使用多个入口文件时,我们应使用占位符来确保每个文件的出口的名字的唯一性
// output: {
// filename: '[name].js',
// path: __dirname + '/dist'
// }
//模式,开发跟生产
mode: development //production
加载器,就是webpack中重要的组成部分了,通过npm install css-loader等方式安装加载器
module: {
//定制规则
    rules: [
      { test: /\.css$/, use: 'css-loader' },
...
    ]
  }
};
插件,也是webpack的重要构成系统之一,其插件目的在于解决 loader 无法实现的其他事

 

百度已收录
分享