webpack2诸类事宜

写在最前：webpack的总结也是自己坑过，实践过但是也是针对性的使用，在加上webpack的背景，对于其‘原理’方面有很大的不正确的理解，有错误的地方，请尽情指出（乖巧~）

由于版本遇到的问题：

 

在配置loader的时候发现，总是报错，比如这种

Module not found: Error: Can't resolve 'style' in 'E:\another\webpcktest'
BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.
                 You need to specify 'style-loader' instead of 'style'.

 

或者这种，

Module parse failed: E:\another\webpcktest\controller\index.css Unexpected token (2:2)
You may need an appropriate loader to handle this file type.

或者这种

Module not found: Error: Can't resolve 'style' in 'E:\another\webpcktest'

 

或者这种

 

ERROR in Entry module not found: Error: Can't resolve './controller/index.js' in 'E:\another\webpcktest\dist'

 

我一直以为还需要一个什么加载器 或者要下载正确的加载器,采取了下面措施：

-----分别下了css-loader/css ×

----添加reslove

这个是最贴近报错原因的 -->  http://www.tuicool.com/articles/U3ENRvA

resolve: {
        root: path.resolve(__dirname, "src"),
        // root: __dirname + '/src',
    }

-----添加file-losder

 

导致报错原因穷出不出，忽略了webpack最原始的提示：在webpack2中，加载器的选择应该从style------>style-laoder,明明白纸黑字写的很清楚啊所以这个坑跳过啦。

 　　　　　　{test: /\.html$/, loader: 'raw'},
           {test: /\.css$/, loader: 'style-loader!css-loader'},
           {test: /\.scss$/, loader: 'style-loader!css-loader!sass-loader'},
           {test: /\.(png|jpg|ttf)$/, loader: 'url?limit=8192'}

 

 

 

 

tips:

npm ls 查看安装的模块及依赖

npm ls -g 查看全局安装的模块及依赖

npm uninstall xxx  (-g) 卸载模块

npm cache clean 清理缓存

 

package.json文件的部分字段的含义如下:

name 项目名称(必须),是一个字符串

version 项目版本号(必须),是一个字符串

description 项目描述,是一个字符串

main 字段指定了加载该模块时的入门文件,默认是模块根目录下面的index.js,,是一个字符串

scripts 指定了运行脚本命令的npm命令行缩写,比如start指定了运行npm run start时，所要执行的命令,是一个对象

keywords npm包的关键字，是一个字符串的数组,如["node.js","javascript"]

author 作者个人信息,,是一个字符串

license 指定一个license来让用户知道他们的使用权利和和任何限制

dependencies 指定了项目运行所依赖的模块

devDependencies 指定项目开发所需要的模块

转载于:https://www.cnblogs.com/huiziblog666/p/6406600.html