webpack 使用

Posted 性感的沙皮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack 使用相关的知识,希望对你有一定的参考价值。

    1.  webpack安装(安装环境需要node环境 所以安装node) 
    2. webpack基本使用:新建dist和src文件夹

       

       

       

       

       

       运行命令:

      webpack ./src/main.js  dist/bundle.js

       

    3. webpack配置 :新建webpack.config.js文件 

       

       

      const path = require(\'path\')
      
      module.exports = {
        entry: \'./src/main.js\',
        output: {
          path: path.resolve(__dirname, \'dist\'),
          filename: \'bundle.js\'
        }

      之后运行 npm  init 

       

       在package.json中

    4.  

       此时可以不需要最开始麻烦的运行步骤 可以使用npm run build (实际中开发中会进行局部安装,这个build 会先在本地进行寻找webpack)

以上是关于webpack 使用的主要内容,如果未能解决你的问题,请参考以下文章

如何使用webpack加载库源映射?

Vue报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法(代码片段

报错:✘ http://eslint.org/docs/rules/indent Expected indentation of 0 s paces but found 2(代码片段

报错:✘ http://eslint.org/docs/rules/indent Expected indentation of 0 s paces but found 2(代码片段

无法创建中继容器; graphql.js 文件似乎有 webpack 工件?

浅析 -- webpack