1

webpack3.x在配置webpack.config.js時(shí)候不要寫mode: 'development',該版本無法辨別此命令
以下為webpack3.x配置格式，也許與官網(wǎng)略有出入，但可以啟動(dòng)

module.exports = {    
    entry: './scripts/app.js',
    output: {
        filename: './dist/bundle.js'      
},
mudule:{
    ......
}

webpack4.x配置時(shí)候需要寫mode: 'development',

const path = require('path');
module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'bundle.js'
  },
mudule:{
    ......
}

2

有時(shí)候配置webpack壓縮css很苦，安裝依賴也很苦，有一個(gè)省工的方法
如果你全局安裝過的node-sass，你可以使用它來壓縮css
在git bash或者終端輸入 node-sass --output-style compressed scss已寫完的文件夾 > 輸出的css文件夾

3

假如你本地全局安裝webpack4.x，但是你的項(xiàng)目安裝的是webpack3.x，建議在package.json文件夾中"scripts"配置一個(gè)腳本便于本地啟動(dòng)低版本webpack

"start": "webpack --config webpack.config.js"
"start": "node_modules/.bin/webpack"

這兩個(gè)命令都可以本地啟動(dòng)webpack
如果是webpack2.x建議看看官網(wǎng)文檔再使用該命令